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

Question

我用两个选项卡创建了这个简单的示例，第一个 tab1 我想让它消失 myTab.child('# tab1').Tab.hide()，但是你的 html 内容不会随着 tab1 消失。当我启用tab2的html内容时，tab1在tab2的html上。为什么？

请参阅此示例

感谢高级，克劳迪奥。

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);