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

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

 

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

                                                                      

代码1：

                     

代码2：

                   

 根据上面创建对象：

                          

你会选择那种？？建议选择代码2方式！

 

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

新增表单：

Js代码  

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

 

修改表单：

Java代码  

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

 

运行效果图：