如何在extjs中隱藏選項卡的html內容？

Question

我用兩個選項卡創建了這個簡單的示例，第一個選項卡1我想讓它消失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);