EXTJS开发编写代码的模板.doc

  1. 1、本文档共9页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
EXTJS开发编写代码的模板

EXTJS开发编写代码的模板 zz 开发EXTJS,首先要建立的就是组件化编程,你把一个form作为一个组件,也可以将半个页面都作为一个组件.当组件化编程之后你就要考虑分类别,分模块开发了, 我认为,一个组件一个JS文件,多个组件拼接成一个模块,这些组件都放在一个文件夹下,命名方法其实很简单,类似java如: 在App文件夹下的Scene文件夹内 App.Scene.ScreenManager.js Espace(App.Scene.ScreenManager.XX,App.Scene.ScreenManager.YY); App.Scene.ScreenControl.js Espace(App.Scene. ScreenControl.XX,App.Scene. ScreenControl.YY); App.Scene.Main.js Espace(App.Scene. Main.XX,App.Scene.Main.YY); 在App文件夹下的Business文件夹内 App.Business.CheckUser.js //同上 App.Business.Logout.js //同上 并且,切记,要把Extjs当做java来写,因此,你的程序只能有一个入口即只能允许整个程序中只出现一个 Ext.onReady(function(){ }); 很多人不信Extjs可以这样写,说只能应用在小型的项目中,但是我可以告诉你,这样的写法完全适用与大项目,而且是项目越大越能展现出他的好处 我经历过刻骨铭心的失败总结出以下几点经验: 1.绝不使用全局变量(如有必要,可以用静态方法来做) 2.不能设置组件的(包括该组件下的小组件的)ID这个属性,(此组件的派生类你可以随意). 3.稀奇古怪的代码少写,因为你不能保证你的EXTJS版本永远停留在当前版本上(如果公司有钱买授权的话) 4.能在后台完成的业务逻辑坚决不在前台做,即使在前台做看起来比较简单(如果前台坐起来非常简单就算了,例如验证) 5.统一管理你的JSON生成. 6.规范你的代码 Ext.ns(App.Users.CURD); /** * 必要的注释一个不能少,Javascript代码维护起来没有java好维护.... * */ App.Users.CURD = Ext.extend(Ext.Panel,{ //属性代码全部写在这里 title:CURD, //初始化组件(如果你的组件需要改变样式或者需要动它的dom,你可以重写父类的onRender,并把部分视图代码放在onRender函数中) initComponent:function(){ App.Users.CURD.superclass.initComponent.call(this,arguments); //先定义自定义事件(如果必要的话) //接着视图代码全部写在这里 }, //方法函数全部写在这里 //先将与后台数据交互的函数写出来 addUser : function() { //对应后台同名的Action方法函数 }, delUser : function() { //对应后台同名的Action方法函数 }, updateUser : function() { //对应后台同名的Action方法函数 }, //供自己内部使用的函数跟在后面 formClear : function() { }, //提供给外部调用的函数紧跟数据操作 getSelectUsers : function(){ return ...... } setXXXX : function() { }, //最后就是事件处理函数,因为函数比较多,事件处理往往伴随着页面逻辑,放在后面比较好找....混在中间不太好找 onSubmit : function() { }, onDelet : function() { } }); //*因为是基于UI的组件,因此一般都可以独立测试,测试通过后注释掉即可(注意我的注释写法) Ext.onReady(function(){ //......... }); //*/ 复用的类 有时候你打算生成一个带有若干配置项(config options)的组件(component),这些配置项你会想是让它可复的。就好像一种情况,有一部分的面板是已经固定好高、宽的,其中只有标题是不 同的,我们可以把它做成预配置类(preconfigured class)。 使用构造器函数 构造器函数是完成该任务的方法之一,如下例: // 构造器函数 varMyPanel =function(config){ Ext.apply(this,{ // 在这里设定预配置的参数项 ? width:300, he

文档评论(0)

pangzilva + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档