Question

如何在extjs中打开一个新的界面，原先的界面还存在。

extjs中设计了一个工具栏,里面有各种菜单按钮,如何实现点击菜单在工具栏右侧出现一个页面,并且在电击另外一个菜单时候出现的页面不覆盖原先的页面而是重新打开了一个新的页面

Answer 1

添加单击事件就可以了
listeners : {
'click' : tree_itemclick
}
-------------------------------------
function tree_itemclick (node, event) {
var tabId = "tab-" + node.id;
var tabTitle = node.text;
var tabLink = node.attributes.url;
//alert(tabLink);
currentPage = tabId;
var centerPanel = Ext.getCmp("mainpanel");
var tab = centerPanel.getComponent(tabId);

var subMainId = "tab-" + node.id + "-main";
if (!node.isLeaf()){
// 为叶子节点时，点击进入链接
event.stopEvent();
return;
}
if (!tab) { //判断MainTabPanel中是否存在这个页面，如果不存在将创建一个

tab = centerPanel
.add(new Ext.Panel(
{
id : tabId,
title : tabTitle,
autoScroll : true,
iconCls : "tabIconCss",
layout : "fit", //填充布局,它不会让load进来的东西改变大小
border : false,
closable : true,
//closeAction : 'hide',
items : [ {
showMask : true,
maskMsg : '正在加载数据,请稍等...',
scripts : true,
html : "<iframe scrolling='auto' frameborder='0' width='100%' height='100%' src='"
+ tabLink + "'> </iframe>"
} ]
}));

}else {
centerpanel.setActiveTab(tab);
}

centerPanel.setActiveTab(tab); //将焦点指向我点击节点打开的页面

};

Answer 2

1 文件 -》 新建

2 直接拖一个新的源文件入来
3 把文件复制一个，改名，再放进来。。。

Answer 3

这个类可以Ext.tab.PanelView xtype: tabpanel