extjs tabpanel限制選項卡數量實現想法及程式碼_extjs

複製程式碼 程式碼如下:

var tabIndex = 'shouye';
';
var tabIndex3 = 'shouye';
var tabIndex4 = 'shouye';
var tabIndex5 = 'shouye';
var tabIndex6 = 'shouye'; var tabIndex6 = 'shouye'; /**
* 在TabPanel元件中新增視窗或啟動已經存在的視窗
* 並將指定資源載入到視窗
* @param node : 傳入的Node節點
*/
var loadPanel = function(node) {
var id= node.id;//取得節點的id
tabIndex7 = id;
var href = node.attributes.href;//取得節點中的href屬性
var text = node.text;
var mainPanel = Ext.getCmp('mainPanel');
//mainPanel.remove ('mainPanel', true);
var qtip = node.attributes.qtip;
var tab = mainPanel.getComponent(String(id));//取得指定id的元件物件
if(tab ) {
mainPanel.setActiveTab(tab);//檢定目前Tab選項卡是否存在，如果存在只需要啟動
return;
}
//如果選項卡不存在，則以下為建立選項卡代碼
tab = mainPanel.add(new Ext.Panel ({
//建立新選項卡的設定
id : String(id),//設定ID,需強制轉換為string類型
title : text,//設定選項卡標題
tabTip : text,
html : '',
autoScroll: true,
enableTabScroll:true,
defaults: {autoScroll:true},
closable : true //是否可以關閉
})))) ;
mainPanel.setActiveTab(tab);//建立選項卡後，將其啟動
mainPanel.remove(tabIndex, true);
tabIndex = tabIndex2;
tabIndex2 = tabIndex2 = tabIndex3; tabIndex3 = tabIndex4;
tabIndex4 = tabIndex5;
tabIndex5 = tabIndex6;
tabIndex6 = tabIndex7;
}
時交換id ，從而限制了打開的選項卡數量，如果不是一定要這個效果，建議不要頻繁的關閉和創建tabpanel