Sencha Touch DataView內部的Ext.Menu

Question

我有一個DataView列出了一堆component.DataItems。雖然我有一個NavigationView顯示項目的這個名單沒有問題，我似乎無法顯示它們的Ext.Menu

Ext.define('AIN.view.MyDataView', { 
extend: 'Ext.dataview.DataView', 
xtype: 'channellist', 
config: { 
    defaultType: 'mylistitem', 
    useComponents: true 
}, 
}); 

這裏面是我需要顯示DataItems菜單

Ext.define('AIN.view.SlideNavigation', { 
requires: ['Ext.Menu'], 
singleton: true, 
constructor: function(config) { 
    this.initConfig(config); 
}, 
layout : 'fit', 
width : 250, 
setMenu: function() { 
    Ext.Viewport.setMenu(this.createMenu('left'), { 
     side: 'left', 
     reveal: true 
    }); 

    Ext.Viewport.setMenu(this.createMenu('right'), { 
     side: 'right', 
     reveal: true 
    }); 
}, 

createMenu: function(side) { 

    var items = [ 
     //Components need to be displayed here (I think) 
     { 
      xtype: 'button', 
      text: 'Latest News', 
      iconCls: 'star', 
      scope: this, 
      handler: function() { 
       AIN.container.setActiveItem(0); 
       Ext.Viewport.hideMenu(side); 
      } 
     }, 
    ]; 

    var className = 'Ext.Menu'; 

    return Ext.create(className, { 


     items: items 
    }); 
} 
}); 

謝謝您的閱讀。

Answer 1

嗯，這是一個非常簡單的修復，我不能同時擁有該按鈕項目和var項目內的列表。如果按鈕在那裏，那麼列表不顯示。所以修正是刪除這段代碼。

{ 
     xtype: 'button', 
     text: 'Latest News', 
     iconCls: 'star', 
     scope: this, 
     handler: function() { 
      AIN.container.setActiveItem(0); 
      Ext.Viewport.hideMenu(side); 
     } 
    }, 

和添加該代碼，而不是

{ 
     xclass: 'AIN.view.MyDataView', 
     store: 'TestStore' 
    }