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

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【extjs tabpanel限制选项卡数量实现思路及代码】，下面是详细的讲解！

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

var tabIndex='shouye';
var tabIndex2='shouye';
var tabIndex3='shouye';
var tabIndex4='shouye';
var tabIndex5='shouye';
var tabIndex6='shouye';
var tabIndex7='shouye';

var loadPanel=function(node) {
var id=node.id;//获取节点的id
tabIndex7=id;
var href=http://www.jb51.net/article/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='http://www.jb51.net/article/ + 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;
}

关于extjs tabpanel限制选项卡数量实现思路及代码的用户互动如下：

　　相关问题：Extjs的组件tabpanel布局layout设置为fit自适应布...

　　答：F1：获取帮助F2 ： 密谋切换窗口和文本窗口F3：控制是否实现对象自动捕捉F4 ：数字化控制 F5：等轴测平面切换F6 ：控制状态行上的坐标显示出来 F7：栅格显示模式控制F8 ：正交模式控制F9 ：栅格捕捉模式控制 F10：拾音模式控制 F11：对象跟踪控... >>详细

　　相关问题：如何获取Extjs的打开的TabPanel个数

　　答：tab.items.getCount() >>详细

　　相关问题：Extjs创建tabpanel组件时下面代码设置了colsable:t...

　　答：colsable:true 拼写错误 closable >>详细