使用extJs的TabPanel时,一个TabPanel往往会有几个标签页,有时候当触发某个事件时,我们需要从一个当前标签页切换到另一个标签页,这时候可以使用以下方法:
1、TabPanel.items.get(n).show(); //其中:TabPanel是你创建的具体TabPanel;n是第几个标签页,下标从0开始
2、TabPanel.setActiveTab(TabPanel.items.get(n)); //以上两个方法有相同的效果,选择其一即可
案例:
var tab = new Ext.TabPanel({
width: 400,
height: 300,
activeTab: 0,
items: [ {
title: 'panel-1',
layout : 'form',
items: {
xtype: 'button',
text: 'btn1',
handler: function () {
tab.items.get(1).show();
}
}
}, {
title: 'panel-2',
layout : 'form',
items: {
xtype: 'button',
text: 'btn2',
handler: function () {
tab.setActiveTab(tab.items.get(0));
}
}
} ]
});