Не удается скрыть оверлей с анимацией скрыть в контроллере

Question

// Здесь я создаю наложение на событие нажатия кнопки и загружаю другой вид с помощью ContentEl: ''. Overlay работает отлично с анимацией, но мне нужно скрыть этот оверлей с анимацией , когда пользователь выбирает конкретный элемент в этом оверлее.

если (! This.overlay) {

 this.overlay = Ext.Viewport.add({ 
      xtype: 'panel', 
      id:'menuOverlayView', 
      modal: true, 
      hideOnMaskTap: true, 
      centered: true, 
      scroll: 'vertical', 
      autoDestroy:false, 
      floating: true, 
      showAnimation: { 
       type: 'slide', 
       duration: 4000, 
       direction:'down' 
      }, 
      hideAnimation: { 
       type: 'slide', 
       duration: 4000, 
       direction:'up' 
      }, 
      contentEl:'menuViewid', 
      top: Ext.os.deviceType == 'Phone' ? '20%' : '20%', 
      width: Ext.os.deviceType == 'Phone' ? 260 : 700, 
      height: Ext.os.deviceType == 'Phone' ? 220 : 600 
     }); 
    } 

    this.overlay.show(); 

// И мой код, чтобы скрыть эту накладку в контроллере ниже аЯ доступа идентификатора панели и скрывает панель, но панель должна скрыть с анимацией, как как я уже упоминал выше hideAnimation

var overlayView=Ext.getCmp('menuOverlayView');  
overlayView.setHidden(true); 

// так, что я должен сделать, чтобы скрыть панель с гладкой прокрутки вверх .. я writingng ниже предложения, но не работает давая ошибку

overlayView.hideAnimation({type: 'slide', direction: 'up', duration:1000}); 

Answer 1

Чтобы скрыть накладку panel, вам нужно вызвать panel'shide() метод.

Ext.getCmp('menuOverlayView').hide(); 

, а затем попробуйте код hideAnimation.