通過id或itemId獲取TabPanel的Tab

Question

我在我的視圖中帶有Tabs的TabPanel。我怎樣才能得到這個面板中的一個選項卡的實例，哪些屬性應該設置id或itemId？

感謝

openProjectMetaTab: function(project) { 
    var tabPanel = this.getTab(); 
    console.log(tabPanel); 
    var mpItemId = 'project-metaTab-' + project.get('id') 
    console.log('#'+mpItemId); 
    var metaPanel = tabPanel.getComponent(mpItemId); 
    console.log(metaPanel); 
    if(!metaPanel) { 
     tabPanel.add({ 
      title: project.get('title'), 
      closable: true, 
      items: [ 
       { 
        xtype: 'projectMetaForm', 
        itemId: mpItemId, 
       }, 
      ], 
     }).show(); 
    } 
} 

Answer 1

我會建議使用itemId，因爲這樣你就不必擔心全球id屬性的衝突。每文檔：

「自的itemId的是一個指數，容器內部的MixedCollection，條目標識的局部範圍到容器」

然後可以使用Ext.container.Container.getComponent讓你的標籤。

這裏是從海報的例子更新的問題：

openProjectMetaTab: function(project) { 
    var tabPanel = this.getTab(); 
    console.log(tabPanel); 
    var mpItemId = 'project-metaTab-' + project.get('id') 
    console.log('#'+mpItemId); 
    var metaPanel = tabPanel.getComponent(mpItemId); 
    console.log(metaPanel); 
    if(!metaPanel) { 
     tabPanel.add({ 
      title: project.get('title'), 
      closable: true, 
      xtype: 'projectMetaForm', 
      itemId: mpItemId 
     }).show(); 
    } 
}