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

Question

我创建了一个ExtJS选项卡面板，它将有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。

Answer 1

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

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

Answer 2

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

Ext.getCmp('DEP_DETAILS'(.add(｛xtype:'label'，text:'Hi'｝(；

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