`
wsy07
  • 浏览: 28717 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Extjs4 tab 与以前版本的区别汇总

 
阅读更多

在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 基本选项卡及增删插入操作

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

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    ExtJs各个版本2-6API汇总.zip

    里面包含了extjs各个版本的api汇总,还有相关的手册 及中文文档。有需要的同学可以免费进行下载不需要花费任何的积分,免费送给需要的朋友。

    EXTJS4自学手册

    EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册...

    ExtJs4.rar

    extJs很强大的web前段框架 extjs4比以前的版本有添加了很多功能

    extjs点击右侧面板生成tab

    extjs点击右侧面板生成tab,面板是ul+li的

    Extjs4的demo

    Extjs4的demo 很不错的例子

    EXT JS ExtJS 4

    我很自豪能代表Sencha和ExtJS团队和大家成功的分享了ExtJS 4的预览版、3个beta版和今天发布的正式版等5个版本。 ExtJS 4从创建之初,就以最全面现代化为目标,它采用了改进的架构和加入了许多新的特性,从而使你可以...

    extjs最新版 3.2版本

    extjs 最新js库 3.2版本 extjs 最新js库 3.2版本

    extJs3升级extjs4方案

    extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码

    包含各种类型的extjs小图标,Extjs4小图标

    包含各种类型的extjs小图标,Extjs4小图标

    ExtJs参考资料汇总

    vExtJs参考资料汇总ExtJs参考资料汇总ExtJs参考资料汇总ExtJs参考资料汇总

    extjs4.x学习笔记

    从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从ExtJs5开始则引入了MVVC架构。 从网上资料来看,多数都是停留在ExtJs3...

    extjs4 中文 API

    extjs4 中文 API

    ExtJS 4.2.4 完整版本

    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应用多版本整合ExtJs应用。

    Extjs4添加tooltip

    Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...

    ExtJs 4 API中文

    ExtJs 4 API 中文

    ExtJs4.0官方版本

    ExtJs4.0官方版本 ExtJs4.0官方版本 ExtJs4.0官方版本

    EXTJS破解版本

    EXTJS破解版本EXTJS破解版本EXTJS破解版本EXTJS破解版本EXTJS破解版本EXTJS破解版本

Global site tag (gtag.js) - Google Analytics