如何動態地將新面板添加到Ext.tab.Panel？

Question

我想動態地添加一個新的面板或容器到Ext.tab.Panel。我想這樣的代碼：

var panel = Ext.create('Ext.Container'); 
panel.title = 'From Code'; 
panel.iconCls = 'home'; 
panel.styleHtmlContent = true; 
panel.html = 'Hello from Code'; 

tabPanel.add(panel); 

但是，這給我的錯誤：

Adding a card to a tab container without specifying any tab configuration 

我可以添加使用對象文本樣式新面板或容器，但我怎麼做時，我構建手工製作一個新的物體？ Ext.Container類本身沒有title屬性。

謝謝！

Answer 1

你需要指定面板或容器iconCls和標題的配置，當你加入一個tabpanel

你這樣做，但是，我認爲這個問題是您在創建容器和設置iconCls，標題構造的方式。

var panel = Ext.create('Ext.Container', { 
     title: 'From Code', 
     iconCls: 'home', 
     html : 'Hello from Code' 
    }); 



var tab = Ext.create('Ext.TabPanel', { 
    fullscreen: true, 
    tabBarPosition: 'bottom', 

    defaults: { 
     styleHtmlContent: true 
    }, 

    items: [ 
     { 
      title: 'Home', 
      iconCls: 'home', 
      html: 'Home Screen' 
     }, 
     { 
      title: 'Contact', 
      iconCls: 'user', 
      html: 'Contact Screen' 
     } 
    ] 
}); 

tab.add(panel);