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

Ext中tabPanel加载页面总结

阅读更多
通常情况下,最好,速度最快的方法是在TabPanel的Items属性中设置autoLoad:

autoLoad:{

    url:'a.jsp',

    scripts:true

}

但如果被加载的页面a.jsp中有Ext.OnReady()方法的话,则无法显示OnReady中加载的界面,所以只能用iframe进行加载,也就是第二种方法:

frame:true,

html:'<iframe src="a.jsp" width="100%" height=486 ></iframe>'

此种方法在加载时,如果a.jsp页面中包含了引用ext-all.js或者ext相关的js文件的话,每打开一个Tab,则完整加载一次所有ext相关的js文件,将严重影响效率。
分享到:
评论

相关推荐

    Ext中TabPanel的动态页面加载

    总结,EXT JS的`TabPanel`支持动态页面加载,通过设置`lazy`属性和监听`tabchange`事件,我们可以实现在`Tab`被激活时按需加载内容,有效提高了应用性能。结合`ComponentLoader`或Ajax请求,可以灵活地加载HTML内容...

    tapestry4.02中封装ext的TabPanel组件

    总的来说,Tapestry 4.02 中封装的 Ext TabPanel 组件结合了Java后端的便利性和JavaScript前端的灵活性,为开发者提供了一种高效的方式来构建具有多页面视图的Web应用。通过深入理解这些文件和组件的工作原理,你...

    extjs4.2.1 tabPanel刷新及关闭标签

    上述代码中的`this.tabPanel.getActiveItem()`用于获取当前活动的标签页,之后通过`item.loader.load()`来触发数据的重新加载。如果标签页本身并没有定义`loader`对象,则可以通过动态创建的方式为其添加一个`...

    Ext.TabPanel

    TabPanel的使用,添加tab,加载页面,添加事件

    再探Ext中TreePanel控件和TabPanel控件搭配测试

    在本文中,我们将深入探讨ExtJS库中的两个关键组件:TreePanel和TabPanel,并结合实际测试情况来理解它们如何协同工作。ExtJS是一款强大的JavaScript框架,用于构建富客户端应用程序,而TreePanel和TabPanel是其核心...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    Ext.TabPanel允许我们在面板内创建选项卡式的界面,每个选项卡可以作为一个容器,加载不同的内容。这种布局方式对于内容分组和节省界面空间非常有效。而Ext.Viewport则是一个特殊的组件,它将面板设置为视口,即整个...

    Ext 学习总结 pdf版

    - **Ext.Updater篇**:`Ext.Updater`用于在不重新加载整个页面的情况下更新页面的部分内容,通过AJAX请求获取新数据并替换旧内容。 - **JSON序列化篇**:这部分内容涵盖了JSON数据的序列化和反序列化过程,这是数据...

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

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

    doc格式 ext EXT 中文手册

    ### EXT中文手册知识点总结 #### 1. EXT简介与安装 - **EXT**: 一种用于构建Web...以上知识点总结了EXT中文手册中的核心内容,覆盖了从安装到具体使用的各个方面,帮助开发者快速掌握EXT框架的基本用法和高级技巧。

    Ext.Viewport布局

    在给定的代码片段中,我们看到`Ext.Viewport`被用来创建一个具有复杂结构的应用界面,包含`Ext.TabPanel`在内的多个区域。 #### 1. `Ext.Viewport`核心特性与作用 `Ext.Viewport`是一个特殊的布局管理器,其设计...

    jQuery模仿ExtJS之TabPanel最新

    页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css new TabPanel({ renderTo:'tabs', width: '100%', height: '500px', active: 0, items: [{ title:'工作中心', ...

    EXT2.0中文教程

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者列表 ...

    EXT教程EXT用大量的实例演示Ext实例

    在Ext使用过程中,可能遇到各种问题,如Ext的收费问题、API文档的查看、在页面中引用Ext、Ext是中文乱码问题、TabPanel的autoLoad属性使用问题等。这些问题的答案在教程中也有详细解答,帮助开发者克服使用中的难题...

    ext.net安装说明

    它基于 Ext.js 库构建,提供了超过 100 种工具,包括 TextBox、ComboBox、Button、ToolBar、StatusBar、Panel、TabPanel、ExplorerBar、MenuBar、PictureBox 等多种控件,并且支持 Ajax 无刷新效果。这些特性使得 ...

    EXT 中文手册

    例如,使用 `Ext.get` 方法结合 CSS 选择器可以选取页面中的元素集合。 - **响应事件**:Element 还支持绑定事件监听器,使得开发者可以通过 JavaScript 响应用户的交互行为,如点击、鼠标悬停等。 #### 三、使用...

    ext 编程开发指南

    Ajax是现代Web应用不可或缺的一部分,它使得页面可以在不重新加载的情况下与服务器通信。EXT简化了这一过程,提供了一系列易于使用的API来进行Ajax请求。 ##### PHP 例如,使用EXT向PHP服务器发送请求: ```...

    Ext+JS高级程序设计.rar

    6.3.4 在form中使用Ext.Direct加载数据 185 6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext....

Global site tag (gtag.js) - Google Analytics