如何添加xtype作为项目到Extjs tabpanel动态创建的选项卡

Question

我已经创建了一个ExtJS tabpanel将有7个选项卡，并基于条件我想使一个选项卡活动并动态绑定绑定数据（xtype）。

我想知道我们如何动态地将xtype添加到标签。以下是tabpanel代码。

var empTabPanel= new Ext.tab.Panel({ 
      id: 'emptabpanel', 
      width: '100%', 
      xtype: 'container', 
      layout: 'hbox', 
      items: [{ 
        title: 'Personal Details', 
        border: 0, 
        id: 'PERSONAL_DETAILS' 
       },{ 
        title: 'Department Details', 
        border: 0, 
        id: 'DEP_DETAILS' 
       },{ 
        title: 'Leave Details', 
        border: 0, 
        id: 'LEAVE_DETAILS' 
       }] 
     }); 

我想为部门详细信息添加xtype。

Answer 1

所以，如果你想添加新的项目到部门选项卡，你可以简单地添加他们，因为你添加到任何面板或容器。 Ext.getCmp（'DEP_DETAILS'）。add（{xtype：'label'，text：'Hi'}）;}};}};

但是，您不能更改现有项目的xtype。但是，您可以添加/删除它们。

Answer 2

绑定xtype是不可能的，因为xtype不能在运行时更改。一旦组件创建了某个xtype，它就不能再改变了。

您需要做的是制作多个选项卡，每个可能的xtype一个，并根据需要显示/隐藏选项卡，或在运行时使用Ext.create创建/删除选项卡。