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

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

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

Answer 2

因此，如果您要将新项目添加到部门选项卡，只需在添加到任何面板或容器时添加它们。

Ext.getCmp（＆＃39; DEP_DETAILS＆＃39;）。添加（{xtype：＆＃39;标签＆＃39;，文字：＆＃39;嗨＆＃39;}）;

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

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

2 个答案: