ExtJS嵌套选项卡面板
我创建了一个ExtJS嵌套选项卡面板,但找不到如何切换嵌套选项卡。谁能帮帮我吗。非常感谢 下面是我的js代码:ExtJS嵌套选项卡面板,extjs,Extjs,我创建了一个ExtJS嵌套选项卡面板,但找不到如何切换嵌套选项卡。谁能帮帮我吗。非常感谢 下面是我的js代码: var clubs = new Ext.TabPanel({ renderTo:'clubs', activeTab:0, autoHeight:true, defaults:{ autoHeight:true, cls:'tab-panel-item' }, items:[{ title:'S
var clubs = new Ext.TabPanel({
renderTo:'clubs',
activeTab:0,
autoHeight:true,
defaults:{
autoHeight:true,
cls:'tab-panel-item'
},
items:[{
title:'Shanghai',
cls:'nested-tab',
id:'shanghai-tab',
items:{
xtype:'tabpanel',
defaults:{ cls:'tab-panel-item', autoHeight:true },
containerCls:'nested-tab',
activeTab:0, // required
items:[{
contentEl:'badminton',
title:'Badminton'
},{
contentEl:'basketball',
title:'Basketball'
}]
}
},{
title:'Hangzhou',
cls:'nested-tab',
items:{
xtype:'tabpanel',
defaults:{ cls:'tab-panel-item', autoHeight:true },
containerCls:'nested-tab',
activeTab:0, // required
items:[{
contentEl:'hz-parent-child',
title:'Parent-child'
},{
contentEl:'hz-football',
title:'Football'
}]
}
}]
});
我尝试了activate(),但它只能切换父选项卡。我猜您使用的是ExtJS 3.x? 你想从哪里换账单 您可以使用Ext.getCmp('Your-Tab-Panel-Id')
我猜您正在使用ExtJS3.x? 你想从哪里换账单 您可以使用Ext.getCmp('Your-Tab-Panel-Id')
谢谢sra,我正在使用ExtJS3.2。我想在单击按钮时更改标记。我尝试了Ext.getCmp(),但是我得到的组件是一个面板而不是tabPanel。@CunruiLi嗯,据我所知,代码中唯一的Id是指一个面板而不是tabPanel,因此我在示例中对此进行了更改,以便Id属于TabPanels而不是wrappingpanels@CunruiLi不客气!所以你可以将问题设置为已回答,不是吗?谢谢sra,我使用的是ExtJS3.2。我想在单击按钮时更改标记。我尝试了Ext.getCmp(),但是我得到的组件是一个面板而不是tabPanel。@CunruiLi嗯,据我所知,代码中唯一的Id是指一个面板而不是tabPanel,因此我在示例中对此进行了更改,以便Id属于TabPanels而不是wrappingpanels@CunruiLi不客气!所以你可以把问题设定为答案,是吗?
var clubs = new Ext.TabPanel({
renderTo:'clubs',
activeTab:0,
autoHeight:true,
defaults:{
autoHeight:true,
cls:'tab-panel-item'
},
items:[{
title:'Shanghai',
cls:'nested-tab',
id:'shanghai-tab',
items:{
xtype:'tabpanel',
id:'shanghai-tab-nested-first',
defaults:{ cls:'tab-panel-item', autoHeight:true },
containerCls:'nested-tab',
activeTab:0, // required
items:[{
contentEl:'badminton',
title:'Badminton'
},{
contentEl:'basketball',
title:'Basketball'
}]
}
},{
title:'Hangzhou',
cls:'nested-tab',
items:{
xtype:'tabpanel',
id:'shanghai-tab-nested-second',
defaults:{ cls:'tab-panel-item', autoHeight:true },
containerCls:'nested-tab',
activeTab:0, // required
items:[{
contentEl:'hz-parent-child',
title:'Parent-child'
},{
contentEl:'hz-football',
title:'Football'
}]
}
}]
});
Ext.getCmp('shanghai-tab-nested-second').Activate(1);
Ext.getCmp('shanghai-tab-nested-first').Activate(1);