EXT使用DEMO及约定规范.docVIP

EXT使用DEMO及约定规范 文件结构 使用环境将 ext.war 部署到 tomcat 容器下即可使用。 代码查看将 ext 文件夹使用 eclipse导入功能导入到项目中即可 简单说明Ext的使用并不是很复杂，大致分为容器组件(Panel, window, toolbar等,即可以显示在页面上的元素)和工具/数据类(store,reader 等，即供程序使用，在页面上没有具体呈现的。)Ext始终是基于 javascript的框架，所以她具有js所具有的一切应有特性。在使用Ext框架的时候，应该及时查看API文档，里面很详尽，并且有很多实用的例子。遇到不会的问题请先查看API文档，基本上，80%的问题可以通过API文档进行解决。注意多多使用Ext各个组件的事件机制，往往可以带来很高的处理效率，有些时候某些事件不能使用(Ext的某些机制限定)，就不要深究了，换一种思路解决。当前，我们所开发系统中用到的组件最多的是 panel, window, gridpanel, tree，熟悉下这几个组件及其相关组件的属性，方法，事件等即可。摸不到头脑的地方自己改下demo然后多多尝试就可以了。注意多多使用 alert 观察变量。基于 js 的对象特性，你可以这样观察某个对象的成员变量及其值( Nusof.alertObj(object) 方法 )：对于容器类型的组件，几乎都有 items 这个属性，即可以继续加载组件注意区别 Ext.getCmp()//获取Ext组件容器对象,Ext.get()//获取经过Ext包装的元素对象,Ext.getDom()//获取某个dom对象，相当于 document.getElementById()。Ext.getCmp().dom ，Ext.get().dom 可以直接获取到这个对象的dom对象。 关于约定为了便于开发，可以做一些有效的约定来避免环境变量冲突，前后台不一致等。现在整理如下： js的全局变量，一律以大写字母开头 js的局部变量，一律以小写字母开头 js的全局常量，即不变的量，使用全部大写，单词使用_分割 HTML页面中的元素，不要使用纯数字 对于一些通用的东西，请写在同一个JS文件里并进行引用，加以详细的注释说明，方便查阅和调用。这个通用的文件里，最好使用一个具有命名空间特性的对象来存储如：var Nusof = {version: 1.0}; Nusof.info = ‘鹏润鸿图JS组件包。’; 统一 grid 中store读取后台时reader的totalProperty:’ sum’，root:’root’ 针对后台表，建立统一并且通用的Fields Mapping。建议每张表建立一个每个单独存储为一个js文件，使用时灵活引入，可以提高js的使用效率。实例查看【/js/other/Nusof.tbl.agreement.js】 文件 Js的引号，尽量使用单引号，实在没办法再使用双引号 临时的变量名使用 tmp做开头 注意程序的换行 有利于开发的技巧使用一个顺手的IDE，spket是个很好的插件，你可以添加EXT的支持库：装好以后，按照如图所示，1.，输入ExtJs2. ，输入 ExtJs23.，找到【/js/ext/source/ext.jsb】文件，添加4. 选择这两个就行了。5. ，点这个设置为默认，重启eclipse以后，在编辑js文件时就可以使用提示了。 使用了本插件并设置好后，你会发现，按住 ctrl 键可以轻易的导航过去查看某个对象的参数，属性等源码，非常有助于你学习Ext。 遇到问题使用 Firefox 的 firebug 插件进行调试，是个不错的选择，尤其在调试网络这块。  │ ajax.jsp demo文件 │ … ├─js │ │ ajax.js 对应的 demo 引入的 js 文件 │ │ … │ └─ext EXT 包 │ │ ext-all.js 基础包 │ │ ExtLib.jsp 统一引入库 │ │ │ ├─adapter 基础适配器 │ │ └─ext │ │ ext-base.js │ │ │ ├─I18N 中文化 │ │ ext-lang-zh_CN.js │ │ │ ├─plugins 扩展插件 │ │ RowExpander.js grid 展开插件 │ │ TreeCheckNodeUI.js 树 checkbox