extjs 代碼複用

標籤：style   blog   http   java   os   for   ar   2014   

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();

運行：