如何使用Sencha Touch 1將項目添加到面板中的TabPanel？

我有下面的代碼，這對於我的應用程序產生一個基本的佈局：如何使用Sencha Touch 1將項目添加到面板中的TabPanel？

tabpanel = new Ext.TabPanel({ 
    fullscreen: false, 
    ui  : 'dark', 
    sortable : false, 
    tabBarDock: 'bottom', 
    cardSwitchAnimation: 'flip', 
    items: [{ 
      title: 'Tab 1', 
      html : '1', 
      cls : 'card1', 
      icon : 'tab1' 
    }] 
}); 

lists.views.Viewport = Ext.extend(Ext.Panel,{ 
    fullscreen: true, 
    layout: 'fit', 
    dockedItems: [{ 
     xtype: 'toolbar', 
     dock: "top", 
     title: 'title' 
    }], 
    items: [tabpanel], 
    initComponent: function() { 
     this.tabpanel.add(new lists.views.ItemLists()); 
     lists.views.Viewport.superclass.initComponent.apply(this, arguments); 
    }, 
});

這不起作用，可能是由於這樣的事實，那就是視口面板內的TabPanel不能指着喜歡這個。我已經通過了煎茶文檔搜索，但我找不到如何將

新lists.views.ItemLists（）

添加到一個tabpanel，這又是

內

lists.views.Viewport

此外，還會有其他的東西，我想我的視口之前聲明（甚至是後話），我想廣告d到稍後可能添加的特定其他面板。達到此目的的最佳方法是什麼？

有關如何做到這一點的任何想法？謝謝！

來源

2012-01-15 xaddict

如果拿this.關在視窗中的initComponent方法參照tabpanel那麼它應該工作，因爲tabpanel變量是全球性的。

或者，您可以通過items屬性訪問視區的項目，例如，

initComponent: function(){ 
    this.items.get(0).add(new lists.views.ItemLists()); 

    lists.views.Viewport.superclass.initComponent.apply(this, arguments); 
}

希望這有助於

斯圖爾特

來源

2012-01-16 12:57:09 Stuart

如何使用Sencha Touch 1將項目添加到面板中的TabPanel？

回答

相關問題