Ext 4 概述(一)

简介: For both extjs and ext core Ext 4概述 Summary: Ext4概述 Author: Brian Moeskau (译者Frank Cheung ) Published: 2011年三月二十九号 Ext Version: Ext 4.x Languages: Chinese   Ext 4有志诚成为Web程序其革命性的开发平台。

For both extjs and ext core

Ext 4概述

Summary: Ext4概述
Author: Brian Moeskau (译者Frank Cheung )
Published: 2011年三月二十九号
Ext Version: Ext 4.x
Languages: cn.pngChinese

 

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

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

一般性问题

该文档通用于Ext Core及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开发方式。

目录
相关文章
|
JavaScript 前端开发 API
|
JavaScript 前端开发
|
JavaScript 开发者 API
Ext 4 概述(二)之Ext Core
Ext Core 新型类系统 参考资源 Ext JS 4的倒数:动态加载和新的类机制(上) Ext JS 4的倒数:动态加载和新的类机制(下) Ext JS 4 的类机制主要围绕传统OO模型而设计,弥补了Prototype OO不足。
691 0
|
JavaScript
Ext中的get、getDom、getCmp、getBody、getDoc的区别
Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。 1、get方法 get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象,Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象上的方法来实现
1014 0