框架JS控件開發(fā)手冊

1、框架JS控件開發(fā)手冊版本1.5.4更新歷史版本修訂記錄時間人員1.0創(chuàng)建2012-02-09章炎炳1.1combobox增加支持可空選項的屬性設(shè)置（allownull、nullvalue、nulltext）2012-02-10章炎炳1.2增加hlDate日期時間工具2012-02-19章炎炳1.3hlGrid右鍵菜單的菜單項屬性增加attributes和iRow，菜單項屬性click事件入?yún)⒃黾觤enuItem，右鍵屬性增加beforeShow事件設(shè)置2012-02-21章炎炳1.4hlGrid底層jqGrid升級到4.3.1版本。hlGrid增加pgselect屬性設(shè)置，設(shè)為false時根據(jù)

2、rowList生成的分頁下拉選擇框?qū)?qiáng)制隱藏2012-02-22章炎炳1.5hlGrid的dragRow參數(shù)中增加interchange參數(shù)，如該設(shè)為true則啟用行互換功能。hlGrid的allowOper參數(shù)中增加gridaction參數(shù)，hlGrid增加gridAction參數(shù)，實(shí)現(xiàn)了行右側(cè)"操作"列的操作可定制的功能。hlGrid的hlGridAdjustWidth方法增加入?yún)djustGroupHeader，支持表頭跨行合并的寬度自適應(yīng)。2012-03-06章炎炳1.5.1easyui-hlmenu控件增加getParent方法2012-03-06章炎炳1.5.

3、2hl增加hlLoad方法，與jquery的load方法類似，所不同的是該方法可以剔除框架中公共部分的JS2012-03-09章炎炳1.5.3hlGrid增加minWidth參數(shù)，在調(diào)用hlGridAdjustWidth時，如視窗寬度小于該寬度minWidth所設(shè)置的值時強(qiáng)制打開hlGrid的shrinkToFit為false時的功能(以便grid出現(xiàn)橫向滾動條，否則根據(jù)hlGrid控件實(shí)例的配置讀取shrinkToFit的值2012-03-31章炎炳1.5.4easyui-autocomplete增加hotList屬性2012-04-18章炎炳1 easyui一組基于jQuery的UI插件集

4、合1.1 input支持?jǐn)?shù)據(jù)字典翻譯的輸入框控件，同時可支持緩存數(shù)據(jù)源。輸入框中顯示為翻譯后的值，輸出時為實(shí)際的編號。1.1.1 初始化HTML代碼：class="easyui-input" id="input1" data="INPUT_DEMO" textField="textName" valueField="textFlag" value="1" readonly/> javascript代碼：$.getCaches(cachePath, "INPUT

5、_DEMO", function(cacheKeys ;1.1.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-input的dom元素將通過緩存方法$.getCaches被easyui初始化為input控件實(shí)例datastring數(shù)據(jù)源中“數(shù)據(jù)字典”的鍵名textFieldstring數(shù)據(jù)字典中“顯示文本”的鍵名codeNamevalueFieldstring數(shù)據(jù)字典中“值”的鍵名codeFlag1.1.3 事件1.1.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實(shí)例的options對象options setDataobject設(shè)置數(shù)據(jù)字典對象，如：&q

6、uot;textName" : "name1","textFlag" : "1","textName" : "name2","textFlag" : "2"setValuevalue設(shè)值并翻譯為“顯示文本”，如數(shù)據(jù)字典中無此“值”則不做翻譯setTexttext設(shè)置“顯示文本”，但不會改變“值”getValue獲取值valuegetText獲取顯示文本textdisabledisabled控件實(shí)例enableenable控件實(shí)例舉例javascr

7、ipt代碼：$("#input1".input("setValue", "2"1.2 hlselect限定可控的數(shù)據(jù)選擇下拉控件，同時可支持緩存數(shù)據(jù)源1.2.1 初始化HTML代碼：class="easyui-hlselect" id="select1" data="SELECT_DEMO" textField="textName" valueField="textFlag" allownull="true" nul

8、ltext="全部" nullvalue= "" initvalue= " 11 " filter= " 11, 12,13 " > javascript代碼：$.getCaches(cachePath, "SELECT_DEMO", function(cacheKeys ;1.2.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-hlselect的dom元素將通過緩存方法$.getCaches被easyui初始化為hlselect控件實(shí)例datastring數(shù)據(jù)源

9、中“數(shù)據(jù)字典”的鍵名textFieldstring數(shù)據(jù)字典中“顯示文本”的鍵名codeNamevalueFieldstring數(shù)據(jù)字典中“值”的鍵名codeFlagallownullboolean是否允許可空truenulltextstring允許可空時的“顯示文本”請選擇nullvaluestring允許可空時的“值”空字符串initvaluestring初始值下拉框第一個選項filterstring可出現(xiàn)的值，其它值將被過濾，格式為以”,”隔開的字符串1.2.3 事件1.2.4 方法方法名入?yún)⒚枋龀鰠etValuevalue設(shè)置下拉框值getValue獲取下拉框值valuedisable

10、disabled控件實(shí)例enableenable控件實(shí)例舉例javascript代碼：$("#select1".hlselect("setValue","2"1.3 cascadeSelect限定可控的級聯(lián)（無限級）數(shù)據(jù)選擇下拉控件，多個數(shù)據(jù)之間有級聯(lián)關(guān)系，同時可支持緩存和自定義url數(shù)據(jù)源1.3.1 初始化data緩存數(shù)據(jù)源HTML代碼：id="cascadeselect1" nextselect="cascadeselect2" data="SELECT_DEMO" te

11、xtField="areadef" valueField="areaId" allownull="true" nulltext="全部地市" nullvalue="-1" initvalue="42" filter="42,57">valueField="countyId" nulltext="全部縣份" nullvalue="-1" initvalue="42" fil

12、ter="42,571,572">javascript代碼：$.getCaches(cachePath, "SELECT_DEMO", function(cacheKeys ;url自定義數(shù)據(jù)源HTML代碼：nextselect="cascadeselect2" url="json/casecadeselect.json" textField="areadef" valueField="areaId" allownull="true" nulltex

13、t="全部地市" nullvalue="-1" initvalue="42" filter="42,57">valueField="countyId" nulltext="全部縣份" nullvalue="-1" initvalue="42" filter="42,571,572">1.3.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-cascadeselect的dom元素將通

14、過緩存方法$.getCaches被easyui初始化為cascadeselect控件實(shí)例nextselectstring下一級的dom元素IDdatastring數(shù)據(jù)源中“數(shù)據(jù)字典”的鍵名urlstring自定義數(shù)據(jù)源請求地址textFieldstring數(shù)據(jù)字典中“顯示文本”的鍵名codeNamevalueFieldstring數(shù)據(jù)字典中“值”的鍵名codeFlagallownullboolean是否允許可空truenulltextstring允許可空時的“顯示文本”請選擇nullvaluestring允許可空時的“值”空字符串initvaluestring初始值下拉框第一個選項filter

15、string可出現(xiàn)的值，其它值將被過濾，格式為以”,”隔開的字符串1.3.3 事件1.3.4 方法方法名入?yún)⒚枋龀鰠etValuevalue設(shè)置級聯(lián)下拉框中某一級的值getValue獲取級聯(lián)下拉框中某一級的值value舉例javascript代碼：$("#cascadeselect1".cascadeselect("setValue", "57"$("#cascadeselect2".cascadeselect("setValue", "572"1.4 autocomple

16、te自動完成輸入控件，手動輸入數(shù)據(jù)，同時會有結(jié)果信息提示(支持以拼音為查詢關(guān)鍵字，同時可支持緩存1.4.1 初始化HTML代碼：class="easyui-autocomplete" id="dataRegion" name="dataRegion" data="PROD_OFFER_NAME" valueField="codeFlag" textField="codeName" maxnumber="3" accuratematch="fals

17、e" initvalue="0755" onAcSelect="mySelectFun(" acWidth="500px"/> javascript代碼：$.getCaches(cachePath, "PROD_OFFER_NAME", function(cacheKeys ;1.4.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-autocomplete的dom元素將通過緩存方法$.getCaches被easyui初始化為autocomplete控件實(shí)例datastrin

18、g數(shù)據(jù)源中“數(shù)據(jù)字典”的鍵名textFieldstring數(shù)據(jù)字典中“顯示文本”的鍵名codeNamevalueFieldstring數(shù)據(jù)字典中“值”的鍵名codeFlagaliasFieldstring數(shù)據(jù)字典中“別名”的鍵名aliasFieldinitValuestring初始值accuratematchboolean是否為精確匹配falsemaxnumbernumber提示信息列表的最大記錄數(shù)10acWidthnumber提示信息列表寬度300showPinYinboolean是否在提示信息記錄中顯示拼音truedelaynumber提示信息列表延遲出現(xiàn)的時間0hotListarray熱

19、門列表，目前只支持使用js初始化和setOptions方法設(shè)置1.4.3 事件事件名參數(shù)描述onAcSelect選擇提示信息列表中的一條記錄后觸發(fā)舉例javascript代碼：$('#dataRegion.autocomplete('setOption',onAcSelect:function(alert("設(shè)置onAcSelect之后觸發(fā)：選中之后的值為"+$('#dataRegion.autocomplete("getValue"同時支持在dom元素的屬性中指定，如onAcSelect="mySelectFu

20、n("1.4.4 方法方法名入?yún)⒚枋龀鰠etValuevalue設(shè)值并從數(shù)據(jù)字典中找到匹配的“顯示文本”，如數(shù)據(jù)字典中無此“值”則不顯示文本為空getValue獲取值valuesetTexttext設(shè)置“顯示文本”，但不會改變“值”getText獲取顯示文本textdisabledisable控件實(shí)例enableenable控件實(shí)例setOptionoptions設(shè)置參數(shù)，options為json對象，其屬性參考本節(jié)屬性resetAcPosition重置控件實(shí)例提示信息列表的位置，通常是在dialog中的autocomplete控件實(shí)例需要在dialog移動后重置其提示信息列表的位

21、置舉例javascript代碼：$('#myEasyuiDialog'.dialogonMove:function($('#dataRegion'.autocomplete('resetAcPosition'1.5 combotree下拉樹控件，用于顯示下拉選擇有上下級關(guān)系的數(shù)據(jù)，同時可支持緩存和自定義url數(shù)據(jù)源1.5.1 初始化data緩存數(shù)據(jù)源HTML代碼：javascript代碼：$.getCaches(cachePath, "COMBOTREE_DEMO", function(cacheKeys ;url緩存數(shù)據(jù)源H

22、TML代碼： style="width: 200px;" multiple="true" separator="*" value="3" editable="true"/>全部使用JS初始化HTML代碼：javascript代碼：$('#cb'.combotree(url : 'json/combotree_data.json',multiple:true,width:100;1.5.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-

23、combotree的dom元素將通過緩存方法$.getCaches被easyui初始化為combotree控件實(shí)例datastring/arraydom元素中設(shè)置屬性時表示數(shù)據(jù)源中“tree數(shù)據(jù)”的鍵名；js中設(shè)置時表示“tree數(shù)據(jù)”的數(shù)組對象urlstring自定義數(shù)據(jù)源請求地址animateboolean收攏和展開樹節(jié)點(diǎn)時是否使用動畫效果falseonlyLeafCheckboolean是否只能選擇葉子節(jié)點(diǎn)falsecascadeCheckboolean級聯(lián)選擇，父子節(jié)點(diǎn)選擇狀態(tài)互相影響falsewidthnumber顯示文本框?qū)挾龋╠om元素中設(shè)置時在style中設(shè)置width）aut

24、opanelWidthnumber下拉層的寬度，一般不設(shè)置此值同widthpanelHeightnumber下拉層的高度200multipleboolean多選，樹節(jié)點(diǎn)前勾選框falseseparatorstring多選時“顯示文本”之間的間隔字符,editableboolean顯示文本框是否可編輯falsedisabledbooleandisable控件實(shí)例falsevaluestring初始值1.1.1 事件事件名參數(shù)描述onChangenewValue,oldValue值改變后觸發(fā)onClicknode點(diǎn)擊節(jié)點(diǎn)時觸發(fā)，node對象的屬性包括：id:節(jié)點(diǎn)IDtext:節(jié)點(diǎn)文本checked

25、:節(jié)點(diǎn)選中狀態(tài)attributes:節(jié)點(diǎn)自定義屬性target:節(jié)點(diǎn)的dom對象onDblClicknode雙擊節(jié)點(diǎn)時觸發(fā)onBeforeLoadnode,param請求加載數(shù)據(jù)前觸發(fā)，return false可停止請求加載onLoadSuccessnode,data請求加載成功后觸發(fā)onLoadErrorarguments請求加載失敗后觸發(fā)，arguments同jQuery.ajax的error方法的參數(shù)onBeforeExpandnode節(jié)點(diǎn)展開前觸發(fā)，return false可停止節(jié)點(diǎn)展開onExpandnode節(jié)點(diǎn)展開后觸發(fā)onBeforeCollapsenode節(jié)點(diǎn)收攏前觸發(fā)，ret

26、urn false可停止節(jié)點(diǎn)收攏onCollapsenode節(jié)點(diǎn)收攏后觸發(fā)onChecknode,checked選中/取消選中節(jié)點(diǎn)的checkbox時觸發(fā)，checked為選中狀態(tài)onBeforeSelectnode選擇節(jié)點(diǎn)時觸發(fā)（與checkbox無關(guān)），return false可停止選擇節(jié)點(diǎn)onSelectnode節(jié)點(diǎn)選擇后觸發(fā)舉例javascript代碼：var option = onChange : function(nv, ov alert("新值："+nv + "n舊值:" + ov;$('#language'.combotr

27、ee(option;1.1.2 方法方法名入?yún)⒚枋龀鰠ptions返回控件實(shí)例的參數(shù)對象options tree返回控件實(shí)例的easyui-tree控件實(shí)例對象，如需調(diào)用easyui-tree的getRoot方法舉例如下：$('#cc'.combotree("tree".tree("getRoot"tree objectsetDataobject讀取dom元素設(shè)置的數(shù)據(jù)源中“tree數(shù)據(jù)”的鍵名后通過緩存對象初始化控件實(shí)例，如：HTML代碼：js代碼：var myCache = "COMBOTREE_DEMO" :

28、"id" : 1,"text" : "Folder1","iconCls" : "icon-ok", "id" : 3,"text" : "Folder2", "id" : 8,"text" : "Async Folder","url" : "json/tree_data.json","state" : "c

29、losed" $('#ce'.combotree("setData", cacheKeys:myCache;loadDatadata 加載本地tree數(shù)據(jù)reloadurl請求重新加載數(shù)據(jù)clear清空值和顯示文本setValuesvalues設(shè)置多個值，values為數(shù)組對象setValuevalue設(shè)值getValues獲取多個值valuesgetValue獲取值valuedisabledisable控件實(shí)例enableenable控件實(shí)例getText獲取顯示文本textsetTexttext設(shè)置“顯示文本”，但不會改變“值”舉例javasc

30、ript代碼：$('#cc'.combotree('reload',"json/combotree_data1.json"1.2 combobox下拉數(shù)據(jù)選擇控件，可多選，支持遠(yuǎn)程數(shù)據(jù)源1.2.1 初始化HTML代碼：url="combobox_data.json" valueField="id" textField="text" multiple="true" panelHeight="80">1.2.2 屬性屬性名類型描述默認(rèn)cals

31、sstringclass為easyui-combobox的dom元素將被easyui初始化為combobox控件實(shí)例dataarrayjs中設(shè)置時表示“tree數(shù)據(jù)”的數(shù)組對象urlstring自定義數(shù)據(jù)源請求地址textFieldstring數(shù)據(jù)字典中“顯示文本”的鍵名textvalueFieldstring數(shù)據(jù)字典中“值”的鍵名valueallownullboolean是否允許可空falsenulltextstring允許可空時的“顯示文本”請選擇nullvaluestring允許可空時的“值”空字符串widthnumber顯示文本框?qū)挾龋╠om元素中設(shè)置時在style中設(shè)置width）a

32、utopanelWidthnumber下拉層的寬度，一般不設(shè)置此值同widthpanelHeightnumber下拉層的高度automultipleboolean多選，樹節(jié)點(diǎn)前勾選框falseseparatorstring多選時“顯示文本”之間的間隔字符,editableboolean顯示文本框是否可編輯truedisabledbooleandisable控件實(shí)例falsevaluestring初始值1.2.3 事件事件名參數(shù)描述onChangenewValue,oldValue值改變后觸發(fā)onLoadSuccessdata請求加載成功后觸發(fā)onLoadErrorarguments請求加載失敗

33、后觸發(fā)，arguments同jQuery.ajax的error方法的參數(shù)onSelectrecord選擇下拉層中的一條記錄時觸發(fā)，record為data中的選擇的那條記錄的對象onUnselectrecord取消選擇下拉層中的一條記錄時觸發(fā)，record為data中的取消選擇的那條記錄的對象1.2.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實(shí)例的參數(shù)對象options getData返回加載到的數(shù)據(jù)對象loadDatadata加載本地數(shù)據(jù)reloadurl請求重新加載數(shù)據(jù)selectvalue選擇數(shù)據(jù)中等于該值的記錄unselectvalue取消選擇數(shù)據(jù)中等于該值的記錄clear清空值和

34、顯示文本setValuesvalues設(shè)置多個值，values為數(shù)組對象setValuevalue設(shè)值getValues獲取多個值valuesgetValue獲取值valuedisabledisable控件實(shí)例enableenable控件實(shí)例getText獲取顯示文本textsetTexttext設(shè)置“顯示文本”，但不會改變“值”1.3 datebox時間輸入控件，選擇時間后可將返回值填入輸入框，支持多種時間格式，底層使用My97DatePicker1.3.1 初始化HTML代碼：1.3.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-datebox的dom元素將被e

35、asyui初始化為datebox控件實(shí)例其它屬性請參考1.3.3 事件請參考1.3.4 方法方法名入?yún)⒚枋龀鰠etValuestring設(shè)置時間值getValue獲取時間值stringdisabledisable控件實(shí)例enableenable控件實(shí)例舉例javascript代碼：$('#dd'.datebox("setValue","2011-8-6"1.4 numberbox小數(shù)輸入框控件，可控制小數(shù)點(diǎn)位數(shù)1.4.1 初始化HTML代碼：1.4.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-numberb

36、ox的dom元素將被easyui初始化為numberbox控件實(shí)例disabledbooleandisable控件實(shí)例falseminnumber允許輸入的最小數(shù)maxnumber允許輸入的最大數(shù)precisionnumber小數(shù)點(diǎn)后的位數(shù)01.4.3 事件1.4.4 方法方法名入?yún)⒚枋龀鰠isabledisable實(shí)例控件enableenable實(shí)例控件fix將輸入框的值變成合法的值，通常情況控件會自動進(jìn)行fixgetValue獲取值valuesetValuevalue設(shè)值，自動進(jìn)行fix1.5 numberspinner數(shù)字微調(diào)輸入框控件，可進(jìn)行數(shù)字的遞增與遞減控制1.5.1 初始化HT

37、ML代碼：id="ns" value="1000" min="900" max="1100" increment="100" style="width:120px;"/>1.5.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-numberspinner的dom元素將被easyui初始化為numberspinner控件實(shí)例precisionnumber小數(shù)點(diǎn)后的位數(shù)0widthnumber寬度autovaluestring初值minnumber允

38、許輸入的最小數(shù)maxnumber允許輸入的最大數(shù)incrementnumber微調(diào)步長1editableboolean輸入框是否可編輯truedisabledbooleandisable控件實(shí)例false1.5.3 事件事件名參數(shù)描述onSpinUp點(diǎn)擊向上微調(diào)時觸發(fā)，在spin之后觸發(fā)onSpinDown點(diǎn)擊向下微調(diào)時觸發(fā)，在spin之后觸發(fā)1.5.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實(shí)例的參數(shù)對象options resize重置控件實(shí)例的寬度disabledisable實(shí)例控件enableenable實(shí)例控件getValue獲取值valuesetValuevalue設(shè)值，自動執(zhí)

39、行numberbox控件的fix方法clear清空值1.6 timespinner時間微調(diào)輸入框控件，點(diǎn)擊輸入框中相應(yīng)的時/分/秒后再點(diǎn)擊微調(diào)按鈕可分別對時/分/秒進(jìn)行微調(diào)1.6.1 初始化HTML代碼：/>1.6.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-timespinner的dom元素將被easyui初始化為timespinner控件實(shí)例separatorstring時分秒之間的分隔符:showSeconds是否顯示秒falsehighlightnumber初始高亮選擇的位置，0表示時，1表示分，2表示秒0widthnumber寬度autovalue

40、string初值minnumber允許輸入的最小數(shù)maxnumber允許輸入的最大數(shù)incrementnumber微調(diào)步長1editableboolean輸入框是否可編輯truedisabledbooleandisable控件實(shí)例false1.6.3 事件事件名參數(shù)描述onSpinUp點(diǎn)擊向上微調(diào)時觸發(fā)，在spin之后觸發(fā)onSpinDown點(diǎn)擊向下微調(diào)時觸發(fā)，在spin之后觸發(fā)1.6.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實(shí)例的參數(shù)對象options resize重置控件實(shí)例的寬度disabledisable實(shí)例控件enableenable實(shí)例控件getValue獲取值values

41、etValuevalue設(shè)值，自動執(zhí)行fix方法格式化成合法的時間值clear清空值1.7 calendar日歷控件，點(diǎn)擊可返回具體日期1.7.1 初始化HTML代碼：1.7.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-calendar的dom元素將被easyui初始化為calendar控件實(shí)例widthnumber寬度180heightnumber高度180fitboolean是否適應(yīng)父元素的大小，true時width和height失效falseborderboolean是否顯示邊框trueyearnumber初始年份當(dāng)前年monthnumber初始月當(dāng)前月cu

42、rrentDate初始日期當(dāng)前日期1.7.3 事件事件名參數(shù)描述onSelectdate選擇一個日期時觸發(fā)1.7.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實(shí)例的參數(shù)對象options resize重置控件實(shí)例的寬度moveToDate將日歷定位到某個日期1.8 validatebox輸入框驗證控件，預(yù)定義了幾種驗證規(guī)則：規(guī)則名入?yún)⒚枋鰁mail驗證emailurl驗證urllengthm,nm,n驗證長度在m和n之間，閉區(qū)間且不區(qū)分中英文minLengthxx驗證最小長度為xmaxLengthxx驗證最大長度為xphone驗證電話號碼mobile驗證手機(jī)號碼idcard驗證身份證int

43、OrFloat驗證整數(shù)或小數(shù)currency驗證貨幣qq驗證QQ,從10000開始integer驗證整數(shù)chinese驗證中文English驗證英語unnormal驗證是否包含空格和非法字符faxno驗證傳真zip驗證郵政編碼ip驗證IP地址，ipv4格式carNo驗證車牌號碼msn驗證msn賬號equalToselectorselector驗證兩次輸入是否一致,selector為要進(jìn)行比較的另一個輸入框的jquery選擇器表達(dá)式1.8.1 初始化HTML代碼： hlRequired="true" validType="length2,5" missin

44、gMessage="不能為空！" invalidMessage="不合法的輸入值！"/>1.8.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-validatebox的dom元素將被easyui初始化為validatebox控件實(shí)例，通常情況如dom元素被其它easyui控件初始化過則無需再次設(shè)置easyui-validatebox的class，因為自動初始化成validatebox了。hlRequiredboolean是否必填falsevalidTypestring驗證規(guī)則missingMessagestring必填校驗

45、不通過時的提示信息該輸入項為必輸項invalidMessagestring驗證規(guī)則不通過時的提示信息（走驗證規(guī)則配置）1.8.3 事件1.8.4 方法方法名入?yún)⒚枋龀鰠alidate做驗證isValid是否合法是否合法removeInvalid隱藏非法的驗證提示isAllValid驗證是否合法（包括后代元素） 是否合法pausetype暫停校驗，type為hlRequired表示暫停必填校驗，為validType表示暫停規(guī)則校驗，all表示暫停必填和規(guī)則校驗pauseAlltype暫停所有（包括后代元素）校驗， resumetype恢復(fù)校驗resumeAlltype恢復(fù)所有（包括后代元素）校

46、驗 1.9 tree樹形結(jié)構(gòu)顯示控件1.9.1 初始化HTML代碼：class="easyui-tree" id="tturlfalse" animate="true" dnd="false" url=" tree_data.json "> 1.9.2 屬性屬性名類型描述默認(rèn)calssstringclass為easyui-tree的dom元素將被easyui初始化為tree控件實(shí)例。urlstring自定義數(shù)據(jù)源請求地址dataarray樹節(jié)點(diǎn)的數(shù)據(jù)animateboolean收攏和展開樹

47、節(jié)點(diǎn)時是否使用動畫效果falsecheckboxboolean是否在樹節(jié)點(diǎn)前顯示checkboxfalseonlyLeafCheckboolean是否只能選擇葉子節(jié)點(diǎn)falsecascadeCheckboolean級聯(lián)選擇，父子節(jié)點(diǎn)選擇狀態(tài)互相影響falsedndboolean是否允許拖拽false1.9.3 事件事件名參數(shù)描述onClicknode點(diǎn)擊節(jié)點(diǎn)時觸發(fā)，node對象的屬性包括：id:節(jié)點(diǎn)IDtext:節(jié)點(diǎn)文本checked:節(jié)點(diǎn)選中狀態(tài)attributes:節(jié)點(diǎn)自定義屬性target:節(jié)點(diǎn)的dom對象onDblClicknode雙擊節(jié)點(diǎn)時觸發(fā)onBeforeLoadnode,par

48、am請求加載數(shù)據(jù)前觸發(fā)，return false可停止請求加載onLoadSuccessnode,data請求加載成功后觸發(fā)onLoadErrorarguments請求加載失敗后觸發(fā)，arguments同jQuery.ajax的error方法的參數(shù)onBeforeExpandnode節(jié)點(diǎn)展開前觸發(fā)，return false可停止節(jié)點(diǎn)展開onExpandnode節(jié)點(diǎn)展開后觸發(fā)onBeforeCollapsenode節(jié)點(diǎn)收攏前觸發(fā)，return false可停止節(jié)點(diǎn)收攏onCollapsenode節(jié)點(diǎn)收攏后觸發(fā)onChecknode,checked選中/取消選中節(jié)點(diǎn)的checkbox時觸發(fā)，che

49、cked為選中狀態(tài)onBeforeSelectnode選擇節(jié)點(diǎn)時觸發(fā)（與checkbox無關(guān)），return false可停止選擇節(jié)點(diǎn)onSelectnode節(jié)點(diǎn)選擇后觸發(fā)onContextMenuevent,node右鍵事件1.9.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實(shí)例的參數(shù)對象options loadDatadata 加載本地tree數(shù)據(jù)reloadtarget請求重新加載數(shù)據(jù)getRoot獲取根節(jié)點(diǎn)對象nodegetRoots獲取所有根節(jié)點(diǎn)的數(shù)組對象nodesgetParenttarget獲取target的父節(jié)點(diǎn)對象，target為節(jié)點(diǎn)的dom元素nodegetChildr

50、entarget獲取target的所有子節(jié)點(diǎn)，如不傳入target則返回所有節(jié)點(diǎn)nodesgetChecked獲取選中的所有節(jié)點(diǎn)nodesgetSelected獲取被高亮選擇的節(jié)點(diǎn)（與checkbox無關(guān)）nodeisLeaftargettarget是否是葉子節(jié)點(diǎn)是否是葉子節(jié)點(diǎn)findid通過節(jié)點(diǎn)ID獲取節(jié)點(diǎn)對象nodeselecttarget高亮選擇target的節(jié)點(diǎn)checktarget選中target的節(jié)點(diǎn)unchecktarget取消選中target的節(jié)點(diǎn)collapsetarget收攏target節(jié)點(diǎn)expandtarget展開target節(jié)點(diǎn)collapseAll收攏所有節(jié)點(diǎn)exp

51、andAll展開所有節(jié)點(diǎn)expandTotarget從根節(jié)點(diǎn)到target節(jié)點(diǎn)的節(jié)點(diǎn)展開appendparam添加子節(jié)點(diǎn)到某父節(jié)點(diǎn)的所有子節(jié)點(diǎn)最后，param有2個屬性：parent:某父節(jié)點(diǎn)的dom對象，如不指定，則視為根節(jié)點(diǎn)data:子節(jié)點(diǎn)的數(shù)組對象toggletarget切換target節(jié)點(diǎn)的收攏和展開狀態(tài)removetarget移除target節(jié)點(diǎn)及其子節(jié)點(diǎn)poptarget移除target節(jié)點(diǎn)及其子節(jié)點(diǎn)并返回該target節(jié)點(diǎn)nodeupdateparam修改某節(jié)點(diǎn)的node對象，param有如下屬性：target:要修改的dom對象id:節(jié)點(diǎn)IDtext:節(jié)點(diǎn)文本iconCls:節(jié)

52、點(diǎn)樣式checked:節(jié)點(diǎn)選中狀態(tài)等等1.10 hltree性能較高的樹形結(jié)構(gòu)顯示控件，采用延遲加載技術(shù)，底層對ztree進(jìn)行二次封裝。url、animate、checkbox、cascadeCheck屬性設(shè)置均支持標(biāo)簽配，高度兼容easyui-tree控件。如需使用easyui-hltree控件，需將使用easyui-tree實(shí)現(xiàn)代碼做些改動及注意的地方： 1、標(biāo)簽的class需設(shè)置為easyui-hltree或者不設(shè)置class而由js初始化。 2、js方法（初始化及方法調(diào)用）需將$("#aa".tree(option改為$("#aa&qu

53、ot;.hltree(option、$("#aa".tree("某方法名",參數(shù)改為$("#aa".hltree("某方法名",參數(shù)。 3、在easyui-tree時如使用target（hltree控件為targetDomEl）進(jìn)行tree操作請注意，由于hltree采用延遲加載或者異步加載，當(dāng)你所要操作的targetDomEl從未被展開過，則targetDomEl不能使用，請直接使用【也建議直接使用，直接使用效率高】node對象(node對象如何獲得可參考回調(diào)函數(shù)、find、getNodeByParam或者自己拼，自己拼的格式如：var myNode = id:"10004",isHltreeNode:true，其中必須填寫isHltreeNode為true，如找到多個則取第一個。 4、在異步加載時，請在action中調(diào)用TreeUtil的transEasyuiTreeformList方法生成json數(shù)據(jù)，且ibatis的sq