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

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

2、rowList生成的分頁下拉選擇框將強制隱藏2012-02-22章炎炳1.5hlGrid的dragRow參數(shù)中增加interchange參數(shù)，如該設為true則啟用行互換功能。hlGrid的allowOper參數(shù)中增加gridaction參數(shù)，hlGrid增加gridAction參數(shù)，實現(xiàn)了行右側"操作"列的操作可定制的功能。hlGrid的hlGridAdjustWidth方法增加入?yún)djustGroupHeader，支持表頭跨行合并的寬度自適應。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ù)，在調用hlGridAdjustWidth時，如視窗寬度小于該寬度minWidth所設置的值時強制打開hlGrid的shrinkToFit為false時的功能(以便grid出現(xiàn)橫向滾動條，否則根據(jù)hlGrid控件實例的配置讀取shrinkToFit的值2012-03-31章炎炳1.5.4easyui-autocomplete增加hotList屬性2012-04-18章炎炳1 easyui一組基于jQuery的UI插件集

4、合1.1 input支持數(shù)據(jù)字典翻譯的輸入框控件，同時可支持緩存數(shù)據(jù)源。輸入框中顯示為翻譯后的值，輸出時為實際的編號。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 屬性屬性名類型描述默認calssstringclass為easyui-input的dom元素將通過緩存方法$.getCaches被easyui初始化為input控件實例datastring數(shù)據(jù)源中“數(shù)據(jù)字典”的鍵名textFieldstring數(shù)據(jù)字典中“顯示文本”的鍵名codeNamevalueFieldstring數(shù)據(jù)字典中“值”的鍵名codeFlag1.1.3 事件1.1.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實例的options對象options setDataobject設置數(shù)據(jù)字典對象，如：&q

6、uot;textName" : "name1","textFlag" : "1","textName" : "name2","textFlag" : "2"setValuevalue設值并翻譯為“顯示文本”，如數(shù)據(jù)字典中無此“值”則不做翻譯setTexttext設置“顯示文本”，但不會改變“值”getValue獲取值valuegetText獲取顯示文本textdisabledisabled控件實例enableenable控件實例舉例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 屬性屬性名類型描述默認calssstringclass為easyui-hlselect的dom元素將通過緩存方法$.getCaches被easyui初始化為hlselect控件實例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設置下拉框值getValue獲取下拉框值valuedisable

10、disabled控件實例enableenable控件實例舉例javascript代碼：$("#select1".hlselect("setValue","2"1.3 cascadeSelect限定可控的級聯(lián)（無限級）數(shù)據(jù)選擇下拉控件，多個數(shù)據(jù)之間有級聯(liá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 屬性屬性名類型描述默認calssstringclass為easyui-cascadeselect的dom元素將通

14、過緩存方法$.getCaches被easyui初始化為cascadeselect控件實例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設置級聯(lián)下拉框中某一級的值getValue獲取級聯(lián)下拉框中某一級的值value舉例javascript代碼：$("#cascadeselect1".cascadeselect("setValue", "57"$("#cascadeselect2".cascadeselect("setValue", "572"1.4 autocomple

16、te自動完成輸入控件，手動輸入數(shù)據(jù)，同時會有結果信息提示(支持以拼音為查詢關鍵字，同時可支持緩存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 屬性屬性名類型描述默認calssstringclass為easyui-autocomplete的dom元素將通過緩存方法$.getCaches被easyui初始化為autocomplete控件實例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方法設置1.4.3 事件事件名參數(shù)描述onAcSelect選擇提示信息列表中的一條記錄后觸發(fā)舉例javascript代碼：$('#dataRegion.autocomplete('setOption',onAcSelect:function(alert("設置onAcSelect之后觸發(fā)：選中之后的值為"+$('#dataRegion.autocomplete("getValue"同時支持在dom元素的屬性中指定，如onAcSelect="mySelectFu

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

21、置舉例javascript代碼：$('#myEasyuiDialog'.dialogonMove:function($('#dataRegion'.autocomplete('resetAcPosition'1.5 combotree下拉樹控件，用于顯示下拉選擇有上下級關系的數(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 屬性屬性名類型描述默認calssstringclass為easyui-

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

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

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

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

27、ee(option;1.1.2 方法方法名入?yún)⒚枋龀鰠ptions返回控件實例的參數(shù)對象options tree返回控件實例的easyui-tree控件實例對象，如需調用easyui-tree的getRoot方法舉例如下：$('#cc'.combotree("tree".tree("getRoot"tree objectsetDataobject讀取dom元素設置的數(shù)據(jù)源中“tree數(shù)據(jù)”的鍵名后通過緩存對象初始化控件實例，如：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設置多個值，values為數(shù)組對象setValuevalue設值getValues獲取多個值valuesgetValue獲取值valuedisabledisable控件實例enableenable控件實例getText獲取顯示文本textsetTexttext設置“顯示文本”，但不會改變“值”舉例javasc

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

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

32、utopanelWidthnumber下拉層的寬度，一般不設置此值同widthpanelHeightnumber下拉層的高度automultipleboolean多選，樹節(jié)點前勾選框falseseparatorstring多選時“顯示文本”之間的間隔字符,editableboolean顯示文本框是否可編輯truedisabledbooleandisable控件實例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ù)對象options getData返回加載到的數(shù)據(jù)對象loadDatadata加載本地數(shù)據(jù)reloadurl請求重新加載數(shù)據(jù)selectvalue選擇數(shù)據(jù)中等于該值的記錄unselectvalue取消選擇數(shù)據(jù)中等于該值的記錄clear清空值和

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

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

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

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

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

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

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

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

42、rrentDate初始日期當前日期1.7.3 事件事件名參數(shù)描述onSelectdate選擇一個日期時觸發(fā)1.7.4 方法方法名入?yún)⒚枋龀鰠ptions返回控件實例的參數(shù)對象options resize重置控件實例的寬度moveToDate將日歷定位到某個日期1.8 validatebox輸入框驗證控件，預定義了幾種驗證規(guī)則：規(guī)則名入?yún)⒚枋鰁mail驗證emailurl驗證urllengthm,nm,n驗證長度在m和n之間，閉區(qū)間且不區(qū)分中英文minLengthxx驗證最小長度為xmaxLengthxx驗證最大長度為xphone驗證電話號碼mobile驗證手機號碼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為要進行比較的另一個輸入框的jquery選擇器表達式1.8.1 初始化HTML代碼： hlRequired="true" validType="length2,5" missin

44、gMessage="不能為空！" invalidMessage="不合法的輸入值！"/>1.8.2 屬性屬性名類型描述默認calssstringclass為easyui-validatebox的dom元素將被easyui初始化為validatebox控件實例，通常情況如dom元素被其它easyui控件初始化過則無需再次設置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恢復校驗resumeAlltype恢復所有（包括后代元素）校

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

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

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

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

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

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

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

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