`
wsy07
  • 浏览: 28804 次
  • 性别: 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 基本选项卡及增删插入操作”的主题中,我们将深入探讨如何使用ExtJS 4来管理TabPanel的选项卡,包括创建、删除和插入操作。 首先,让我们了解TabPanel的基本配置和选项: 1. **创建TabPanel** ...

    extJs3升级extjs4方案

    ExtJS4 已完全重新写 grid 组件,tree 也被更新,所以从版本 3 到 4 大部分的属性改变了。 在 ExtJS4 中,API 也发生了很大的变化,包括 tree、tab panel、grid、window、form、chart、data stores、border layout ...

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

    这个压缩包"ExtJs各个版本2-6API汇总.zip"包含了一系列ExtJS框架的重要版本,从2.0到6.0的API文档,以及相关的用户手册和中文文档。对于学习和开发基于ExtJS的应用程序来说,这些资源是极其宝贵的。 1. **ExtJS 2.0...

    extjs tab panel

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

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

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

    Extjs做的treepanel+tab切换页

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

    EXTJS4自学手册

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

    extjs4学习文档

    EXTJS4 是一款强大的JavaScript框架,用于构建富客户端Web应用程序。EXTJS4的学习文档旨在帮助开发者掌握这一框架,尤其对于初学者来说,提供了宝贵的资源。文档中包含了从环境配置到实际应用开发的基础步骤。 首先...

    ExtJs4.rar

    在本文中,我们将深入探讨ExtJS4这一版本的重要特性、改进以及它如何扩展了先前版本的功能。 首先,ExtJS4在组件化方面有了显著提升。在之前的版本中,组件系统就已经是其核心优势,而ExtJS4进一步优化了这一系统,...

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

    在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...

    Extjs4的demo

    在本例中,我们假设你已经在MyEclipse中创建了一个新的Web项目,并命名为"Extjs4"。将ExtJS 4.0.7的文件放入Webroot目录,以便于访问。 接下来,你需要设置一个学习环境。确保你的机器上已经安装了MyEclipse和...

    extjs4中文文档

    11. **国际化支持**:EXTJS4内置了多语言支持,方便开发多语言版本的应用。 12. **响应式设计**:EXTJS4的部分组件支持响应式设计,能够根据屏幕大小自动调整布局,适应不同设备。 EXTJS4中文文档详细介绍了每个...

    extjs点击右侧面板生成tab

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

    EXT JS ExtJS 4

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

    extjs4完整下载

    ExtJS4正式版(官方完整下载包):含所有的源代码,html,api文档,示例。官方网站下载现在需要注册,这个仅供爱好者个人学习使用,如果项目中使用请至官方网站购买。

    ExtJs 4 API中文

    ExtJs 4 API 中文

    extjs4-教程

    ### ExtJS4基础教程知识点 #### 1. ExtJS4开发环境搭建 ExtJS4是使用JavaScript进行开发的框架,专门用于构建富互联网应用(RIA)。搭建ExtJS开发环境需要预先安装一些软件和配置开发环境。以下步骤详细介绍了如何...

    ExtJS4之初体验

    通过以上步骤,我们不仅完成了ExtJS4的基础安装与配置,还实现了第一个简单的“Hello World”程序,这对于初学者来说是非常重要的第一步。随着对框架理解的深入,可以逐步探索更多高级特性和技术细节。

    在Eclipse中开发Extjs4代码

    这个版本包含了ExtJS4的所有源码、示例、文档和必要的资源文件。开发者可以在这个版本上进行学习和开发,了解ExtJS4的内部工作原理,并根据需要自定义或扩展组件。 **4. 视频教程** `在Eclipse中开发Extjs4代码.mp4...

    EXTJS破解版本

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

Global site tag (gtag.js) - Google Analytics