`
denghua10
  • 浏览: 73432 次
  • 性别: 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 tab panel

    ExtJS Tab Panel是Ext JS库中的一个核心组件,它用于创建具有多个标签页的应用界面,类似于浏览器中的标签页。在Web应用中,Tab Panel经常被用来组织和展示大量的信息,让用户能够在一个页面上轻松切换不同的内容...

    extjs4.x tabpanel 动态加载panel和html例子

    动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。下面我们将详细探讨EXTJS 4.x中如何实现这个功能。 首先,我们需要了解EXTJS 4.x的核心概念。...

    Extjs 重写Panel添加click事件

    在Ext JS这个强大的JavaScript框架中,Panel是一种常用的组件,用于构建复杂的用户界面。Panel提供了丰富的功能,包括布局管理、工具栏、标题、可配置性等。然而,有时我们需要对Panel进行自定义,例如添加或修改...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    总结来说,`Ext.Panel`和`TreePanel`在EXTJS中是两个关键的组件,它们支持动态加载本地数据,提高了用户体验。理解这两个组件的工作原理和如何利用`Store`、`Ajax`、`TreeStore`进行数据加载,是EXTJS开发中的重要...

    一个简单的EXTJS Panel

    ### EXTJS Panel 知识点解析 #### 一、EXTJS Panel 概念与作用 在前端开发领域,特别是基于JavaScript框架的项目中,EXTJS是一个功能强大的企业级富客户端应用开发框架。它提供了大量的UI组件,使得开发者能够快速...

    Extjs 4.11 重写 Panel 添加 click事件

    5. **销毁Panel时自动移除事件监听器**:如果你的Panel会在应用的某个阶段被销毁,推荐使用`mon`和`mun`这两个方法,它们会在Panel销毁时自动移除监听器,避免内存泄漏: ```javascript var listener = function() {...

    Extjs自动最大化panel

    总之,EXTJS的自动最大化Panel技术提供了一种灵活的方式来创建响应式和动态调整的用户界面,这在开发高质量的Web应用时是非常重要的。通过熟练掌握这一技巧,开发者可以构建出更加适应用户需求的交互式应用。

    Extjs4树结构异步加载

    ExtJS4是一款强大的JavaScript框架,用于构建富...通过这样的方式,我们可以构建一个动态、高效的ExtJS4树结构,仅在需要时加载数据,提升用户体验。同时,这种方式也使得开发者能够更好地控制数据流,降低服务器压力。

    extjs grid.panel 项目 源码

    3. **Column模型**:Grid Panel的列定义在Column模型中,每个列可以包含字段名、标题、宽度、对齐方式、是否可排序等属性。源码中会展示如何创建和配置这些列。 4. **监听与事件处理**:源码中可能会有各种事件监听...

    ExtJS构造动态异步加载

    ExtJS的树组件支持这种加载方式,只在需要时请求服务器获取节点数据。 接下来,我们关注树形结构(Tree)。在ExtJS中,树是一种可扩展的数据结构,用于展示层次关系的数据。每个节点可以有子节点,形成一个层级结构...

    Extjs4 tab 基本选项卡及增删插入操作

    在这个“Extjs4 tab 基本选项卡及增删插入操作”的主题中,我们将深入探讨如何使用ExtJS 4来管理TabPanel的选项卡,包括创建、删除和插入操作。 首先,让我们了解TabPanel的基本配置和选项: 1. **创建TabPanel** ...

    ExtJs中Store加载(load)时候提示信息

    在开发基于ExtJS框架的应用程序时,处理数据加载与用户交互是至关重要的环节。当Store在加载(load)数据过程中,向用户提供明确的提示信息,不仅能够提升用户体验,还能增加应用的专业度。以下是对如何在ExtJS中...

    Extjs动态加载菜单

    在“Extjs动态加载菜单”这个主题中,我们将深入探讨这一功能的实现方式以及相关技术。 首先,动态加载菜单的概念是指菜单项不是在页面加载时一次性全部显示,而是根据用户的操作或特定条件按需加载。这种设计提高...

    ExtJs GridPanel延时加载.rar

    GridPanel是ExtJs中一个非常重要的组件,它用于展示表格数据,而延时加载则是一种优化大量数据处理的技术,可以显著提高用户界面的响应速度。 1. **ExtJs GridPanel**: GridPanel是ExtJs中的核心组件之一,它提供...

    Extjs做的treepanel+tab切换页

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

    Extjs 动态加载树

    标题“Extjs 动态加载树”涉及到的是一个前端开发技术话题,主要集中在使用Extjs框架构建能够动态加载数据的树形结构。Extjs是一个基于JavaScript的组件化UI库,常用于开发富客户端应用。动态加载树(Dynamic ...

    extjs tree 异步加载树型

    这种方式避免了一次性加载大量数据导致的性能问题,特别是当树型结构非常深或者包含大量节点时。 在 ExtJS Tree 中实现异步加载,主要涉及以下几个关键点: 1. **TreeStore**:存储树节点数据的模型,可以配置 `...

    extjs3 swfupload panel

    EXTJS3 SWFUpload Panel是一种在EXTJS3框架下实现的多文件上传解决方案。EXTJS是一个流行的JavaScript库,用于构建富客户端应用,而SWFUpload则是一个基于Flash的文件上传插件,它允许用户在不刷新页面的情况下进行...

    Extjs 加载数据库 生成tree

    通过java 访问数据库而生成节点 子节点的 ID 与 父节点的关系为“父节点id_子节点id”此id为数据库中的id 同理“父节点id_子节点id_子子节点id”,因此加载树时将node.id做为参数 通过split("_"),根据数据的长度就...

Global site tag (gtag.js) - Google Analytics