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

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

 

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


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

代码1:


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

代码2:


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

 根据上面创建对象:

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

你会选择那种??建议选择代码2方式!

 

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


新增表单:

Js代码  第三章 Extjs在开发中如何实现代码复用 (入门教程)
  1. var addForm = new Register.MicWin({  
  2.        title : "新增",  
  3.        buttons : [{text:"保存"},{text:"取消"}]  
  4. }).show();  

 

修改表单:

Java代码  第三章 Extjs在开发中如何实现代码复用 (入门教程)
  1. var editForm = new Register.MicWin({  
  2.        title : "修改",  
  3.        buttons : [{text:"保存"},{text:"取消"}]  
  4. }).show();  

 


运行效果图:

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