extjs tabpanel限制选项卡数量实现思路及代码

　　var tabIndex = 'shouye';

　　var tabIndex2 = 'shouye';

　　var tabIndex3 = 'shouye';

　　var tabIndex4 = 'shouye';

　　var tabIndex5 = 'shouye';

　　var tabIndex6 = 'shouye';

　　var tabIndex7 = '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 : '<iframe width=100% id=main_desk name=main_desk height=100% frameborder=0 scrolling=auto src=' + href + ' />',

　　autoScroll: true,

　　enableTabScroll:true,

　　defaults: {autoScroll:true},

　　closable : true //是否可以关闭

　　}));

　　mainPanel.setActiveTab(tab);//创建选项卡后，将其激活

　　mainPanel.remove(tabIndex, true);

　　tabIndex = tabIndex2;

　　tabIndex2 = tabIndex3;

　　tabIndex3 = tabIndex4;

　　tabIndex4 = tabIndex5;

　　tabIndex5 = tabIndex6;

　　tabIndex6 = tabIndex7;

　　}