動態添加網格到tabpanel中的特定選項卡

Question

如何將網格動態添加到tabpanel中的特定選項卡？
我的TabPanel：

var tabs = Ext.create('Ext.tab.Panel', { 
      region: 'center', // a center region is ALWAYS required for border layout 
      deferredRender: false, 
      activeTab: 0,  // first tab initially active 
      items: [{ 
       title: 'grid', 
       autoScroll: true 
      }, { 
       title: 'Center Panel', 
       autoScroll: true 
      }] 
     }); 

我想在標籤動態添加網格網格選項卡。我可以得到網格選項卡與tabs.getComponent(0)但我不知道我怎樣才能添加網格以它！
在我的應用程序，我有按鈕，當用戶點擊它，我添加網格到tabPanel網格選項卡。

Answer 1

對於添加網格特定標籤的內容我做這一招!:

tabs.remove(tabs.getComponent(0)); 
    tabs.insert(0,grid); 
    tabs.getComponent(0).setTitle("grid"); 
    tabs.setActiveTab(0); 
    tabs.doLayout(); 

我只刪除特定的標籤，插入新選項卡的位置，並更改新標籤的標題以前刪除的選項卡，並設置爲活動新標籤！