Sencha Touch 1を使用してPanel内のTabPanelにアイテムを追加するには？

Question

私は私のアプリのための基本的なレイアウトを生成し、次のコードを、持っている：

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); 
    }, 
}); 

これはおそらく、ビューポートパネルの内側にあるタブパネルはこれを好きに指摘することができないという事実のために、機能しません。 。私は煎茶のドキュメントを通じて検索したが、私は順番に

内にあるタブパネルに

新しいlists.views.ItemLists（）

を追加する方法を見つけることができません

lists.views.Viewport

また、私が広告したいと私は私のビューポートの前に（あるいはそれの後に）宣言したい他のものがあるでしょう私は後で追加するかもしれない特定の他のパネルに。これを達成する最良の方法は何ですか？

これを行う方法に関するアイデアはありますか？ ありがとう！あなたはビューポートのinitComponent方法でtabpanelへの参照オフthis.を取る場合tabpanel変数がグローバルであるため、

Answer 1

それが動作するはずです。

あるいは、これは スチュアート

助け、例えば、itemsプロパティを経由して

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

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

希望をビューポートの項目にアクセスすることができます