我创建了一个 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。
因此,如果您想将新项目添加到部门选项卡,您可以在添加到任何面板或容器时简单地添加它们。
Ext.getCmp('DEP_DETAILS').add({ xtype: 'label', text: 'Hi' });
但是您不能更改现有项目的 xtype。但是,您可以添加/删除它们。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句