Сенча прикосновения делает видимость закрытой в слайдвавизации

Question

В приложении sencha Touch я использую slidenavigation, когда я нажимаю на значок гамбургера, меню открывается.

Теперь я хочу замаскировать активный вид, когда слайд меню открыт. Мой код slidenavigation как ниже

createMenu: function(){ 

     var items = [ 
      { 
       xtype:'button', 
       text:'Home', 
       ui: 'mainmenu', 


        listeners: { 
      tap: function(){ 

       if(Ext.Viewport.getMenus().left.isHidden()){ 
           Ext.Viewport.showMenu('left'); 

          } 
          else 
          { 
           Ext.Viewport.hideMenu('left'); 
           Ext.Viewport.setActiveItem({xtype: 'main'}); 
          } 
      } 
     } 
      }, 
      { 
       xtype:'button', 
       text:'Videos', 
       ui: 'mainmenu', 
       listeners: { 
      tap: function(){ 
       Ext.Viewport.setActiveItem({xtype: 'videolist'}); 
       if(Ext.Viewport.getMenus().left.isHidden()){ 
           Ext.Viewport.showMenu('left'); 

          } 
          else 
          { 
           Ext.Viewport.hideMenu('left'); 

          } 
       } 
      } 
      } 
     ]; 

     return Ext.create('Ext.Menu', { 


      width: 200, 
      scrollable: 'vertical', 
      items: items, 
      id: 'mainmenu', 
      cls: 'mainmenu', 
     }); 
    } 

Answer 1

Чтобы показать свою маску, перед "Ext.Viewport.showMenu()" добавить эту строку:

Ext.Viewport.getActiveItem().setMasked(true); 

скрыть свой маска, после "Ext.Viewport.hideMenu()" добавить эту строку:

Ext.Viewport.getActiveItem().setMasked(false);