Extjs开发总结(转)

《Extjs开发总结(转)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Extjs开发总结(转)不知不觉2008已经走到了尽头，在这近一年中，一直不断的尝试用ExtJS做项目，从1.1到现在的2.2，吃了不少苦头，也有不少收获，总结一下，一起分享！1.ExtJS的定位是RIA，和Prototype、jQuery等类库的定位不同。使用ExtJS做开发，就是意味着以客户端开发为主，不然就不叫RIA框架了，而Prototype、jQuery等只是辅助性的客户端框架，和ExtJS不在同一条起跑先上。如果一定要和其它的框架做比较的话，应该和IsomorphicSmartClient、BackbaseEnterpriseAjax之类的框架做比较，

2、当然，和他们相比，ExtJS还是有很大的优势的。2.使用ExtJS时需要解决如何服务端通信的问题。由于ExtJS只是一个客户端的框架，和服务端技术没有关系，也就没有相应的服务端的适配层，因此客户端如果要用ExtJS，则必须提供它需要的数据结构。ExtJS主要通过这几种方式和服务端进行通信：·Ext.Ajax.request做普通的异步请求，服务端可以根据实际情况返回JSON形式数据或者HTML片段；·Ext.tree.TreeLoader加载树形结构，服务端必须返回JSON形式数据，而且要符合Ext.tree.TreeNode的配置要求，否则自己做转换；·Ext.

3、data.Store及其派生类加载表格形式的数据，服务端可以根据实际情况返回JSON形式数据或者XML形式数据，如果没有特殊要求，推荐返回JSON格式的数据；·Ext.Element.update局部更新，这个方法最总还是要调用Ext.Ajax.request方法，之所以把它单独列出来，是因为这种方式比较容易被忽视，但是在某些情况下还是挺有用的，比如调用Ext.Panel.body.update()对某个Ext.Panel的内容进行局部更新，如果使用这种方式，那么服务端只能相应的返回HTML片段了；3.使用ExtJS时的注意事项。ExtJS和其它的辅助性类库(Pr

4、ototype、jQuery等)相比显得非常庞大，让很多很多初学者望而却步。经过近一年的学和用，对于ExtJS的使用，我总结了一下几个注意事项：·尽量使用ExtJS的方言。ExtJS提供了很多有用的方法，解决客户端JavaScript常见的开发任务，常见的有查询HTMLDom，创建HTML元素，为HTML元素注册事件响应函数等，这些大可以全部使用ExtJS提供的方法，使自己代码构建与ExtJS之上，举几个例子：o查询ID为container的DIV下所有的checkbox，可以使用：Ext.fly(‘container’).select(‘input[type=c

5、heckbox]’);o在ID为container的DIV内创建一个按钮，可以使用：Ext.fly(‘container’).createChild({tag:‘input’,type:‘button’});o为ID为container的DIV的click事件注册处理函数，使用：Ext.fly(‘container’).on(‘click’,handlerFn,scope);·ExtJS的自定义事件很好用，可以实现一对多的通知，而且任何自定义事件都可以中途停止，只要有一个处理函数返回false。·Store合并成一个文件用ExtJS显示数据，自然就需要用到Ext.

6、data.Store及其派生出来的类，可以考虑所有的Store合并到一个文件，这样对重用有很大的帮助。·脚本文件管理尽可能的每个模块做成一个类，一个类一个文件，类似与Java或C#的文件处理方法，每个文件注明其作用，依赖的文件等，如果太多的话可以考虑写一个配置文件，通过读配置文件来输出脚本到客户端。·调试和部署分别加载Debug和Release版本的脚本ExtJS附带的例子中没有使用完整Debug版本的例子，所以很多人找不到完整的Debug版本的引用顺序，通过对Source文件夹下的ext.jsb文件进行分析，就可以得到正确的加载顺序，如下：oDebug1./ex

7、t-path/source/core/ext.js2./ext-path/source/adapter/ext-base.js3./ext-path/ext-all-debug.jsoRelease1./ext-path/adapter/ext/ext-base.js2./ext-path/ext-all.js·对Script进行压缩对项目中有大量的JavaScript的话，对其进行压缩是很有必要的，这里我推荐的是ExtJS的论坛提供的JSBuilder，可以通过配置文件来对Script和CSS进行压缩，据说ExtJS就是用这个工具进行压缩的，不过有一个缺点，就是

8、不支持UT