在Extjs4以前我们对TabPanel中的加载html页面时一般都采用以下两种方式。
一、
html:'<iframe/>
二、
autoLoad加载方式。
而对tab页面内容的刷新方式采用frame的src重写,或采用tab.getUpdater().refresh();这两种方式来刷新tab内容。
对于iframe加载方式在4.0当载没有什么变化。
对于第二种用法笔者习惯性也在4.0当中也采用autoLoad的方式来加载html页面。但是没有办法刷新。在4.0版本中己经没有getUpdater()这个方法。在参考文档中发现loader这个对象多次出现。仔细对照官方例子。发现例子中是使用loader来加载。刷新页面也是采用tab.loader.load();
分析前后笔者认为具体的差别为:
4.0以前
autoLoad : {
url: 'sss.html'
}
刷新方式tab.getUpdater().refresh();
4.0版本
loader : {
url : 'sss.html'
}
刷新方式tab.loader.load();
三、如果是单独的panel中需在loader 中加入 autoLoad:true 默认为:false
以此做为ext开发过程中的笔记。
分享到:
相关推荐
Extjs4 tab 基本选项卡及增删插入操作
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
里面包含了extjs各个版本的api汇总,还有相关的手册 及中文文档。有需要的同学可以免费进行下载不需要花费任何的积分,免费送给需要的朋友。
EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册...
extJs很强大的web前段框架 extjs4比以前的版本有添加了很多功能
extjs点击右侧面板生成tab,面板是ul+li的
Extjs4的demo 很不错的例子
我很自豪能代表Sencha和ExtJS团队和大家成功的分享了ExtJS 4的预览版、3个beta版和今天发布的正式版等5个版本。 ExtJS 4从创建之初,就以最全面现代化为目标,它采用了改进的架构和加入了许多新的特性,从而使你可以...
extjs 最新js库 3.2版本 extjs 最新js库 3.2版本
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
包含各种类型的extjs小图标,Extjs4小图标
vExtJs参考资料汇总ExtJs参考资料汇总ExtJs参考资料汇总ExtJs参考资料汇总
从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从ExtJs5开始则引入了MVVC架构。 从网上资料来看,多数都是停留在ExtJs3...
extjs4 中文 API
ExtJS 4.2.4 完整版本 Release Notes for Ext JS 4.2.4 Release Date: July 29, 2015 Version Number: 4.2.4.1720
多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用。
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
ExtJs 4 API 中文
ExtJs4.0官方版本 ExtJs4.0官方版本 ExtJs4.0官方版本
EXTJS破解版本EXTJS破解版本EXTJS破解版本EXTJS破解版本EXTJS破解版本EXTJS破解版本