前段時間做一個系統(tǒng)的服務(wù)端管理系統(tǒng)，使用了一下EasyUI。以下是我在使用中覺得需要注意的地方或者一些EasyUI中一些特別點(diǎn)的用法。

總結(jié)如下，與大家分享下，希望對初學(xué)者能有些作用。

EasyUI 使用注意點(diǎn)：

1、使用href方式從外部引入，需將所有代碼寫在body標(biāo)簽中，可省略body標(biāo)簽之外的所有內(nèi)容。可以通過函數(shù)來修改加載html解析的方式。、

     在EasyUI中還有一個屬性extractor，可以用來定義獲取href數(shù)據(jù)的規(guī)則，這個沒有使用過，不過個人感覺對于一些存在相似性界面比較多的系統(tǒng)可以使用這個來簡化一些系統(tǒng)的設(shè)計(jì)。

2、函數(shù)調(diào)用方式：var pp = $('#tt').tabs('getSelected')。

    這種調(diào)用方式確實(shí)是第一次使用到，也是一種思路，通過字符串取對象屬性來調(diào)用方法，在一些特殊場合也可以簡化操作，增強(qiáng)內(nèi)聚。

3、href方式外部引入來渲染界面，其實(shí)是在主頁面加載完成后，采用get方法來異步請求相應(yīng)的頁面，然后再進(jìn)行渲染的。也就是說，引用的頁面中的操作還是要寫在引用頁中，有它本身來處理。

4、grid formater 出現(xiàn)了不起作用的情況。原因如果前邊已經(jīng)使用過同名列就不可以了。

    這里有個忽略的測試的問題，如果前便出現(xiàn)了，并且使用了formater，那么后邊又使用到會出現(xiàn)什么結(jié)果？有興趣的可以測試下。個人猜測是會跟著第一個的設(shè)置走。

5、datagrid的請求時返回的數(shù)據(jù)格式為：{total:12,rows:[{id:1,text:2},...]},文檔中無說明。

6、datagrid使用分頁時，會自動傳兩個參數(shù)：page:1 rows:30。

7、easyui控件使用后，取值就無法在使用jquery的那種取值方式了，只能采用easyui提供的方法來獲取值。

    當(dāng)然，如果使用easyUI可以直接找到真實(shí)值的那個元素，然后取值也是可以的。這里的說法只是針對使用相同的id的來取值。

8、layout布局會充滿瀏覽器以及iframe，即使用這種布局的父元素。

9、form 在使用load方法添加值時，必須要和form中的字段一致，不能有多余的字段，否則會報找不到相應(yīng)的html元素的錯誤。

10、DataGrid列是一個數(shù)組對象，該元素也是一個數(shù)組對象。元素數(shù)組里面的元素是一個配置對象，它用來定義每一個列字段。

     這種設(shè)置應(yīng)該是為了適應(yīng)樹形表格。

11、combobox為多選賦值的方法：$('#Id').combobox('setValues','key1,key2,key3'.split(','))。

初次使用EasyUI，所總結(jié)出來的一些條目，有一些只是個人的看法，可能存在一些錯誤的想法，如果有不正確的請指正下，自己學(xué)習(xí)下，也以免對他人造成誤解。在此提前謝謝各位了。

Author：月夜 @ LTGK
Time: 2015-08-26 周三