ExtJS 4.0 的改变-较为完整的引见

ExtJS 4.0 的改变--较为完整的介绍。
惯例，看之前先看看我的很久很久以前的学习笔记（就是那个Word文档，没兴趣的可以不看，不影响）：
http://wenku.baidu.com/view/ce8d3e08763231126edb1146.html

本文里面不会详细介绍某些方法函数具体如何使用，例子全部自己写的（部分参考API和ExtJS 4.0 Developer Preview），应该不会有错，提到的方法函数只提供名字，自己去API看（在此严重鄙视一些照搬API就出本书捞钱的人）

基础上的变化：

兼容性
ExtJS4最终会提供一个兼容ExtJS 3的解决方案。

沙箱模式
可是使用alias来为组件添加别名，类似以前的Ext.reg，不过alias会用不同的类别区分开来，例如，widget.xxxxx和feature.xxxxx是不一样的，虽然它们都是用alias来定义的，但是类别完全不同。

包和命名空间的改变
现在的ExtJS不再使用混乱的分包机制（其实以前的感觉更加直白），例如以前的Window，包名是Ext.Window，但是现在则是Ext.window.Window，Ext.window包下还包括了Ext.window.MessageBox等。SplitButton则是Ext.button.Split。

创建新的对象
现在ExtJS使用Ext.define函数来创建组件类，该函数还能实现自动加载JS类（uses属性，需设置Ext.Loader为开启详见下文，看不懂看API），它会自动的完成以前的ns（namespace）功能。例如下面

在定义的时候就是：
 ）

混入类
将一个类混入到另外一个类中，创建的时候一同创建：

使用工具来编译你的JS，别想歪了，我知道JS是解释性的，详细的先看看这篇文章关于JSBuilder的作用：
http://hi.baidu.com/mallor/blog/item/5aec22f3e3dcbadc0b46e074.html

ExtJS的senchaSDKtools里面还提供了theme的制作（命令行的？？！！！），如果嫌ExtJS审美疲劳了可以试试这个。没玩过，所以不多解释，这里就告诉大家有这么回事儿就行了。

关于大家最关心的数据
这个Store想必是最关心的吧？（好了，外面貌似下冰雹了我晕，楼顶啪啪的！没时间去核实有北京的2011年七月二十六号晚上21：40：00左右的网友如果核实了留言证实一下）。
嗯，说到冰雹，我觉得转载这篇文章的人应该注意一下告诉出处，这篇文章来自流水无心的ITEYE博客http://andy-ghg.iteye.com/

扯远了，再回来继续说，这个Store现在改变可不小，详细的参看一下这个文章
[url src='http://www.sencha.com/blog/ext-js-4-anatomy-of-a-model/']Countdown to Ext JS 4: Anatomy of a Model[/url]
好了，我知道我很懒，但是我可以简单说一下：modal代替了以往store中fields:[""]的功能，但是我没用（实际使用有问题－ －！学艺不精），其实它是一个对象。。。对的是对象，MVC中的Model，好了，具体看API中关于MVC的介绍吧。
Store中有一个变化就是baseParams变程了extraParams，注意下。每一个Store必须（？是否必须我也不知道，不过我现在是这么用的）要有一个Proxy且必须给一个type，现在的Store是这样写的：

 。

当然Store的改动远远不止这些，例如Proxy中新增了一个localStorage（Ext.data.proxy.LocalStorage）用于过渡到HTML5的localStorage等等。

Draw绘图
这个东西喜欢吗？我喜欢嘿嘿
ExtJS4中提供了绘图，夸浏览器的，它内部实现了Canvas、SVG、VML等绘图方法，所以不同的浏览器它会自动使用该浏览器支持的绘图方式。支持IE6789、基于Gecko的浏览器(FF)、基于WebKit内核的浏览器(Chrome)。

FX
从ExtJS提供这个以来我就不怎么用，原因很简单，浪费我的资源。。。。在新的ExtJS中，提供了类似Flex中关于动画的包方法Ext.fx.target.*，因为我不怎么用，所以不再阐述。


布局
这里的改变也很大，但是我觉得我在这个博客里说再多也没有你自己去运行它的例子来得要直观。


好了，说了这么多，当然没有说完。。。。更多细节的改变的大家自己去发掘，推荐一篇文章《ExtJS 4.0 Developer Preview》，地址我忘了，网络时代相信对你来说找到它不难。


最后做一下小小的广告：
我自己写的AS3（Flex）流程图例子快要完工了～！以前提供了一个简易的Demo版本，这次是经过重大修改后的（不是说以前有重大的BUG，而是以前的实在太难用－ －！），虽然是例子，但是如果您喜欢，完全可以用来做二次开发～！嘿嘿。下面是最新版的截图：


目前提供了这些小组件：


最后的最后
从ExtJS 2.0一直用到4.0，从Flex 3用到Flex 4.5，感慨很多，在ExtJS成长的过程中我已渐渐的从前端转向了后端，不是因为我不再热爱前端和RIA，而是因为我觉得多方的了解与涉及能让自己得到更好的升华，目前专注j2ee开发，主要涉及Spring、Spring Security、CAS SSO、JMS ActiveMQ、Hibernate、jBPM、Oracle。
其它的包括C#、C++QT4、jQuery等等也装模作样的学了些，所以不要再讨论某个语言某个框架的优劣，有这个时间可以学到很多很多东西。何必眼光这么狭隘呢？，争论太浪费精力。少点争论多点实际付出。 

Happy coding～！
       7 楼    SummitlyLee    2011-11-29              写的不错，支持一下！    8 楼    houjiannba    2011-12-10              很好！刚接触Extjs，本来想学3.0来的，但今天一看出了4.0了，马上上手！！！
楼主的这个文章mark了！！！ thank you    9 楼    优游人间    2012-04-10              刚刚开始学，我也mark一下