Ext JS 4 概述

Ext 4概述

全文详见:http://www.sencha.com/learn/Guide:Ext_4_Overview(Chinese)

Ext 4有志诚成为Web程序其革命性的开发平台。框架中的每一个首要的组件几乎都作了改善,而且属于相当大幅度的改善。对于Ext3来说——4.0许多组件以及子系统都是表现得焕然一新!本指南会向您提供有关Ext3到Ext4期间变化所呈现的一方面。

如果您在阅读本文档时正好发现任何问题,请积极反馈,或来到Sencha论坛《迁移Ext3到Ext 4》的帖子还有来到Ext中文网之JS堂社区反馈吧!

一般性问题

该文档通用于[#ext-core Ext Core]及[#extjs Ext JS]。

Ext 3的兼容性

我们几次更新Ext JS累积下来,感觉当然就是第四版的变化幅度最大。第四版带来了许多内容,这些内容并不兼容于Ext3。然而,我们尽力可以做到跟更前个版本最大化的兼容。

JS兼容化文件

加载Ext4完毕后,你可选择加载这份兼容化文件。该文件的目的在于提供兼容Ext3的简写方式和覆盖新参数为适合旧版的参数。

注意: 此时此刻兼容化文件尚未释出可用,不过应该会在发布4.0正式版之前提供给大家。

沙箱模式

Ext 4完全基于沙箱设计的,因此可以让旧版的Ext与Ext4”同处一室“,在同一个浏览器运行时中做到兼容(译注:有一个桌面的例子,仍使用Ext3代码)。从JavaScript角度看,原来所有修改对象原型的方法已被转移,转移到全局对象Ext之下。现在只需要建立一个Ext对象的引用,分配不同的名称,就可以从以前旧版本的Ext中区分开来……

在标签markup/CSS方面,由于Ext4采用了Compass和SASS框架并通过模板生成CSS,所以很容易设定一个前缀,供CSS规则之用,比如Ext.baseCSSPrefix属性就是对应的前缀。结果,要与旧版Ext的CSS区分开来,也不是什么难事了。

包与命名空间的更新

在重构过程中,全体类和包的结构已经发生了变化。如何变化将是根据严格的命名转换来规范的,这一点对于重构的结果非常重要,以便于我们能更轻松地查找某一个类。例如Ext3的Button类、CycleButton类和SplitButto类就连同其他类归类在/widgets中。尽管不同层次的对象却也直接地命名在全局对象Ext身上。

在Ext 4,每一个类根据其特性的相似来决定其包的位置。虽然只是命名上的变化,但比起Ext3能更精确地描述对象。同样拿Button按钮为例子,Ext4的类这样分配:

  • 单独设一个包src/button/
  • 代码划分出一个新的命名空间
  • 改名,如Ext.SplitButton→ Ext.button.Split

为了尽可能地照顾Ext3的旧命名方式,Ext4的类有一个特殊属性称作“alternateClassName”,通过这个属性就可以让Ext3遗留项目采用Ext4新的类库。例如alternateClassName: 'Ext.SplitButton'。当然,我们很希望你完全采用Ext4开发方式。

 

全文详见:http://www.sencha.com/learn/Guide:Ext_4_Overview(Chinese)

时间: 2024-09-20 09:46:08

Ext JS 4 概述的相关文章

用Ext JS构建Ajax应用程序:一种用于富因特网应用程序开发的JavaScript框架

简介:Ext JS 是一种强大的 JavaScript 库,它通过使用可重用的对象和部件简化了 Asynchronous JavaScript + XML(Ajax)开发.本文介绍 Ext JS,概述它背后的面向对象 JavaScript 设计概念,解释如何使用 Ext JS 框架开发富因特网应用程序的用户界面元素. 当今有许许多多的 Web 开发框架,开发人员很难判断哪些框架值得花时间去学习.Ext JS 是一种 JavaScript 开发框架,这种强大的 JavaScript 库通过使用可重

《Ext JS权威指南》——导读

目 录 前 言第1章 Ext JS 4开发入门1.1 学习Ext JS必需的基础知识 1.2 JSON概述 1.3 Ext JS 4概述1.4 Ext JS的开发工具的获取.安装与配置介绍 1.5 如何获得帮助 1.6 本章小结 第2章 从"Hello World"开始 2.1 获取Ext JS 42.2 配置使用Ext JS库 2.3 编写"Hello World"程序 2.4 关于Ext.onReady2.5 关于Ext.BLANK_IMAGE_URL2.6 关

《Ext JS权威指南》——1.2节JSON概述

1.2 JSON概述 1.2.1 认识JSON XML虽好,可作为数据交换格式,有时会喧宾夺主,标记比数据还多,徒增流量.更重要的是,在JavaScript中处理XML实在太不便利了.而JSON,没有附加的标记,在JavaScript中可作为对象处理,因而渐渐成了目前Web开发的标准数据交互格式.JSON的英文全称是"JavaScript Object Notation",意思就是JavaScript对象表示法.它是一种基于文本的.独立于语言的轻量级数据交换格式.它来源于ECMA-26

Ext JS 4官方文档之三 -- 类体系概述与实践_基础知识

Ext JS 4从底层对类体系进行了重构,这是Ext JS历史上的第一次对类体系的巨大重构.新的架构几乎被应用到每一个Ext JS 4的类中,所以希望您在开始编码前能对它有一定的了解,这是非常重要的. 这篇手册适用于任何想创建新类或者继承Ext JS 4中现存类的开发人员,分为4部分: 第一部分: "概述" -- 解释了创建一个强健的类体系的必要性 第二部分: "命名规范" -- 讨论了对类.方法.属性.变量和文件的最佳命名规范 第三部分: "实践&quo

《Ext JS 4 First Look》翻译之二:全新的数据包

第二章 全新的数据包      Extjs 4引入新的数据包,其中新增了不少新类并对旧有的类作出了修整.使数据包更强大和更容易使用.  本章我们将学习一下内容: 2.1. 概述新特性 2.2. 新Model类       2.2.1. 字段声明 2.2.2. 合法性验证 2.2.3. 通过proxies和stores加载和保存数据 2.2.4. 通过关联(associations)建立model间的联系       2.2.4.1. 使用Ext.data.Model.hasMany属性来建立一对

流行的AJAX框架比较:jQuery,Mootools,Dojo,Ext JS

AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据: Ajaxian在2007年底对Ajax工具进行了调查,部分调查结果见下表(其中数字为调查者使用该工具的百分比,详细的请参见网页):http://ajaxian.com/archives/2007-ajax-tools-usage-survey-results Prototype jQuery Ext Sc

Ext JS添加子组件的误区探讨

经常会有人问我,为什么我的Grid不能岁窗口的变得而自动调整.了解后,发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里,而这正是问题的所在. 在Ext JS的布局系统中,能控制到的是容器的子组件,而对于渲染到容器中一个DIV的Grid,它并不知道在这容器里添加了一个Grid,当调整大小的时候,也就无法去调整Grid的大小了,而这也就是为什么Grid不会随容器的改变而改变了. 为什么那么多人喜欢使用这种方式来添加子组件呢?我想原因主要有以下两点: 1.不知道如何在容器内添加子

EXT js现在好像很火!咋学呢》

问题描述 想 EXT 入门! 求指点! 问题补充:我的邮箱是: jiaoyanggege@163.com 谢谢大家! 解决方案 官方api和官方例子 还有谷老师当然学好ext js的基本功得扎实解决方案二:有写资料可以参考一下http://extjs.org.cn/解决方案三:资料当然很重要! 建议楼主都 练习下! 我也给你发点 文档吧!解决方案四:发过去了.你接收下解决方案五:我这有点很不错EXT 学习资料,都是我以前学习用的,你有邮箱吗?我给你发下

设置-ext js tree 根节点选中不了与只显示根节点和二级节点

问题描述 ext js tree 根节点选中不了与只显示根节点和二级节点 最近在做一个项目,需要在一个分组树中,选中根节点.但是这边一直设置选中不了.哪位能帮帮忙呢,指导指导. 解决方案 参考http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/tree/check-tree.html