`
denghua10
  • 浏览: 74169 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

extjs tab panel两种加载方式

 
阅读更多
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 做的treepanel+tab切换页"这个项目中,我们主要关注的是如何利用ExtJS 3.2版本来创建一个具备折叠面板(Collapsible Panel)功能的树形视图(TreePanel),以及与之联动的选项卡(TabPanel)。这个设计允许...

    ExtJS效果Tabs形式

    这里,`renderTo`属性指定了渲染的DOM元素,`items`属性包含了两个Panel,分别代表了两个标签页。 3. **配置TabPanel** TabPanel有许多可配置的选项,如`activeTab`来设置默认选中的标签,`tabBar`来定制标签栏的...

    JavaScript.-Extjs基础学习笔记

    根据给定的文件信息,我们可以深入探讨两个关键的Extjs组件——Tab Panel(标签页控件)和Grid(表格控件)。这两个控件是Extjs框架中非常实用且功能丰富的部分,广泛应用于Web应用程序的界面设计与交互逻辑构建。 ...

    ExtJs Tree

    ExtJs Tree是一种基于ExtJs框架的树形控件,它允许开发者构建出复杂的数据层次结构。通过ExtJs Tree,用户可以直观地展示数据之间的层级关系,并支持多种交互操作,如展开、折叠节点等。 ### 特性与功能 #### 树形...

    AnyFo_-_ExtJS_移魂大法

    这里将介绍两种常用的布局:`Border`布局和`Accordion`布局。 ##### 2.1 Border布局 - **效果**:Border布局允许用户将容器划分为五个区域:北、南、东、西以及中心区域。每个区域可以放置一个或多个组件。 - **...

    ExtJs使用IFrame的实现代码

    2. iframepanel组件的xtype是ExtJs中定义的一种快速创建组件的方式,它本质是一个扩展自Panel的组件。 3. 在定义iframepanel时,可以设置一些特殊的属性,如frameConfig,它提供了自定义iframe标签属性的能力。 4. ...

    ExtAspNet_v2.3.2_dll

    -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...

Global site tag (gtag.js) - Google Analytics