extjs 代码复用

Extjs在开发中如何实现代码复用 (入门教程)

如果要实现如下界面,你会选择那种代码?


代码1:


代码2:




根据上面创建对象:


你会选择那种??建议选择代码2方式(或者参考我的另一篇文章的写法 一个Ext继承例子(下拉tree、grid、panel、form等组件的基类))!

因为这样可以实现代码复用,举个简单的例子,如果要做一个新增、修改的表单,可能你要copy两份代码,这样不利于维护,如果按照代码2的方式写,那么只要如下创建新增、修改的表单:

新增表单:

Js代码
  1. var addForm = new Register.MicWin({
  2. title : "新增",
  3. buttons : [{text:"保存"},{text:"取消"}]
  4. }).show();
var addForm = new Register.MicWin({
       title : "新增",
       buttons : [{text:"保存"},{text:"取消"}]
}).show();

修改表单:

Java代码
  1. var editForm = new Register.MicWin({
  2. title : "修改",
  3. buttons : [{text:"保存"},{text:"取消"}]
  4. }).show();
var editForm = new Register.MicWin({
       title : "修改",
       buttons : [{text:"保存"},{text:"取消"}]
}).show();

运行效果图:


extjs 代码复用,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。