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

我已经创建了一个ExtJS tabpanel，它将有7个选项卡，并且根据条件我想激活一个选项卡并动态绑定数据（xtype）

我想知道如何将xtype动态添加到选项卡。下面是选项卡面板代码

    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。

无法绑定xtype，因为无法在运行时更改xtype。一旦使用某个xtype创建了组件，它就不能再更改了

---

您需要做的是创建多个选项卡，每个可能的xtype对应一个选项卡，并根据需要显示/隐藏选项卡，或者在运行时使用

Ext.create

创建/删除选项卡。绑定xtype是不可能的，因为xtype在运行时无法更改。一旦使用某个xtype创建了组件，它就不能再更改了

---

您需要做的是创建多个选项卡，每个可能的xtype对应一个选项卡，并根据需要显示/隐藏选项卡，或者在运行时使用

Ext.create

创建/删除选项卡。因此，如果要向部门选项卡添加新项目，只需在添加到任何面板或容器时添加即可

Ext.getCmp（'DEP_DETAILS'）。添加（{xtype:'label'，text:'Hi'}）

---

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

因此，如果您想向“部门”选项卡添加新项目，只需在添加到任何面板或容器时添加即可

Ext.getCmp（'DEP_DETAILS'）。添加（{xtype:'label'，text:'Hi'}）

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