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; 
} 

使用的是用变量存储 id 加载新的选卡时 交换 id ，从而限制了打开的选项卡数量，如果不是一定要这个效果，建议不要频繁的关闭和创建tabpanel

关于extjs treepanel复选框选中父节点与子节点的问题
extjs如图，实现带有复选框的树,选中父节点时，选中所有子节点。取消所有子节点时，才能取消根节点。varFpanel=newExt.tree.TreePanel({id:'ptree',region:'west',layo

extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
//树vartreePanel=newExt.tree.TreePanel({id:'ptree',region:'west',layout:'anchor',border:false,rootVisible:false,root:{},listeners:{render:function(){authorityTree(treePanel);/*渲染树*/},checkchang

Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
效果如图，类似Ext.Msg.alert();但没有关闭按钮由于Extjs4消息框中的关闭按钮，没有执行回调函数，点击关闭按钮后，直接关闭窗口。实现代码如下：Ext.Msg