jQuery EasyUI 表單插件 - Combotree 組合樹(shù)

擴(kuò)展自 $.fn.combo.defaults 和 $.fn.tree.defaults。通過(guò) $.fn.combotree.defaults 重寫(xiě)默認(rèn)的 defaults。

組合樹(shù)（combotree）把選擇控件和下拉樹(shù)結(jié)合起來(lái)。它與組合框（combobox）相似，不同的是把列表替換成樹(shù)組件。組合樹(shù)（combotree）支持帶有用于多選的樹(shù)狀態(tài)復(fù)選框的樹(shù)。

依賴(lài)

從標(biāo)記創(chuàng)建組合樹(shù)（combotree）。

<select id="cc" class="easyui-combotree" style="width:200px;"
    data-options="url:'get_data.php',required:true">
</select>

使用 javascript 創(chuàng)建組合樹(shù)（combotree）。

<input id="cc" value="01">

$('#cc').combotree({
    url: 'get_data.php',
    required: true
});

該屬性擴(kuò)展自組合（combo）和樹(shù)（tree），下面是為組合樹(shù)（combotree）添加或重寫(xiě)的屬性。

名稱(chēng)	類(lèi)型	描述	默認(rèn)值
editable	boolean	定義用戶(hù)是否可以直接往文本域中輸入文字。	false

該事件擴(kuò)展自組合（combo）和樹(shù)（tree）

該方法擴(kuò)展自組合（combo），下面是為組合樹(shù)（combotree）添加或重寫(xiě)的方法。

名稱(chēng)	參數(shù)	描述
options	none	返回選項(xiàng)（options）對(duì)象。
tree	none	返回樹(shù)（tree）對(duì)象。下面的實(shí)例演示如何取得選中的樹(shù)節(jié)點(diǎn)。 var t = $('#cc').combotree('tree');????// get the tree object var n = t.tree('getSelected');????????// get selected node alert(n.text);
loadData	data	記住本地的樹(shù)（tree）數(shù)據(jù)。代碼實(shí)例： $('#cc').combotree('loadData', [{ ????id: 1, ????text: 'Languages', ????children: [{ ????????id: 11, ????????text: 'Java' ????},{ ????????id: 12, ????????text: 'C++' ????}] }]);
reload	url	再一次請(qǐng)求遠(yuǎn)程的樹(shù)（tree）數(shù)據(jù)。傳 'url' 參數(shù)來(lái)重寫(xiě)原始的 URL 值。
clear	none	清除組件的值。
setValues	values	設(shè)置組件值的數(shù)組。代碼實(shí)例： $('#cc').combotree('setValues', [1,3,21]);
setValue	value	設(shè)置組件的值。代碼實(shí)例： $('#cc').combotree('setValue', 6);

jQuery EasyUI 插件其他擴(kuò)展

上一篇：jQuery EasyUI 表單插件 - Combobox 組合框下一篇：jQuery EasyUI 表單插件 - Combogrid 組合網(wǎng)格