如何使用extjs中的选项卡隐藏选项卡的html内容？

Question

我用两个标签创建了这个简单的例子，第一个tab1我想让它消失myTab.child（'＃tab1'）。Tab.hide（），但你的html内容不会随tab1消失。当我启用tab2的html内容时tab1位于tab2的html上。为什么呢？

See this sample

感谢高级， 克劳迪奥。

Answer 1

您需要使用setActiveTab切换标签（或getLayout().setActiveItem()）。

来自帮助：

var card1 = Ext.create('Ext.panel.Panel', {itemId: 'card-1'});
var card2 = Ext.create('Ext.panel.Panel', {itemId: 'card-2'});
var panel = Ext.create('Ext.panel.Panel', {
    layout: 'card',
    activeItem: 0,
    items: [card1, card2]
});
// These are all equivalent
panel.getLayout().setActiveItem(card2);
panel.getLayout().setActiveItem('card-2');
panel.getLayout().setActiveItem(1);