1.单页面autoLoad
nodeOnClick : function(node){
if(node.hasChildNodes()) return;
var o = Ext.getCmp(node.id);
if(!o){
o = this.tabPanel.add({
id : node.id,
title : node.text,
closable : true,
autoLoad : {url:node.attributes.url,scripts:true,scope:this}
});
}
this.tabPanel.setActiveTab(o);
this.tabPanel.doLayout();
}
2.
function createTabpanel(account){
var panel = tabpanel.getComponent(account.account_id);
if(panel){
//tabpanel.hideTabStripItem(panel);//
tabpanel.unhideTabStripItem(panel);
tabpanel.setActiveTab(panel);
}else{
panel = new Ext.Panel({
id:account.account_id,
html:account.account_id,
title:'帐户:' + account.account_id + '帐户关系',
closable:true
});
tabpanel.add(panel);
tabpanel.setActiveTab(panel);
panel.on('beforeclose',function(p){
tabpanel.hideTabStripItem(p);
tabpanel.syncSize();
return false;
})
}
}
页面可以缓存起来,提高效率,同时没有销毁 不会报错,
分享到:
相关推荐
在"Extjs 做的treepanel+tab切换页"这个项目中,我们主要关注的是如何利用ExtJS 3.2版本来创建一个具备折叠面板(Collapsible Panel)功能的树形视图(TreePanel),以及与之联动的选项卡(TabPanel)。这个设计允许...
这里,`renderTo`属性指定了渲染的DOM元素,`items`属性包含了两个Panel,分别代表了两个标签页。 3. **配置TabPanel** TabPanel有许多可配置的选项,如`activeTab`来设置默认选中的标签,`tabBar`来定制标签栏的...
根据给定的文件信息,我们可以深入探讨两个关键的Extjs组件——Tab Panel(标签页控件)和Grid(表格控件)。这两个控件是Extjs框架中非常实用且功能丰富的部分,广泛应用于Web应用程序的界面设计与交互逻辑构建。 ...
ExtJs Tree是一种基于ExtJs框架的树形控件,它允许开发者构建出复杂的数据层次结构。通过ExtJs Tree,用户可以直观地展示数据之间的层级关系,并支持多种交互操作,如展开、折叠节点等。 ### 特性与功能 #### 树形...
这里将介绍两种常用的布局:`Border`布局和`Accordion`布局。 ##### 2.1 Border布局 - **效果**:Border布局允许用户将容器划分为五个区域:北、南、东、西以及中心区域。每个区域可以放置一个或多个组件。 - **...
2. iframepanel组件的xtype是ExtJs中定义的一种快速创建组件的方式,它本质是一个扩展自Panel的组件。 3. 在定义iframepanel时,可以设置一些特殊的属性,如frameConfig,它提供了自定义iframe标签属性的能力。 4. ...
-删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...
-删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...