Question

ext的viewport当中的子TAB中，如何通过事件添加子TAB

就是首先点击左边菜单上节点，然后在中间加入TAB，现在我需要点击这个TAB里面的按钮然后再加入一个TAB，如何做到？

Answer 1

又是你啊
AllEvents = function(node, tabs) {
//用户管理
if(node.id == 2){//每一个树的节点有一个id,先判断每一个id然后知道我要去添加哪个
if (tabs.findById(3) == null) {//确定 tab中要增加的这个有没有被添加过
tabs.add(User.createGrid(3));//添加方法
tabs.setActiveTab(3);//设置显示新添加的tab
} else {
tabs.setActiveTab(3);
}
}
}
类似这种 当然这个方法不是很完美，目前还没发现更好的
//这是我的树
FileTree = new Ext.tree.TreePanel({
loader : new Ext.tree.TreeLoader({
dataUrl : "query!loadModule.action"
}),
rootVisible : false,
autoScroll : true,
region : 'center'
});
var root = new Ext.tree.AsyncTreeNode({
text : '分类',
draggable : false,
id : '0'
});
FileTree.setRootNode(root);
FileTree.on('click', function(node, e) {
var id = node.id;
if (node.isLeaf) {
AllEvents(node, tabs);
e.stopEvent();
}

});
return FileTree;

Answer 2

只要将tabpanel对象定义为全局, 或者给tabpanel指定一个id, 通过Ext.getCmp方法找到tabpanel对象.
总之, 只要在任意位置都能获得tabpanel对象引用, 创建tab页调用add加入就行了

都不给分哦~

Answer 3

tabs.add({
title: tagTitle,
id:_id,
iconCls: 'tabs',
html: '<iframe id=contentframe frameborder=0 style="position: absolute;" style="width:100%;height:100%;border:0px;"/>',
closable:true
}).show();