jQuery EasyUI 表單插件 - Combotree 組合樹

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

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

依賴

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

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

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

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

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

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

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

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

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

名稱	參數(shù)	描述
options	none	返回選項(xiàng)（options）對(duì)象。
tree	none	返回樹（tree）對(duì)象。下面的實(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	記住本地的樹（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)程的樹（tree）數(shù)據(jù)。傳 'url' 參數(shù)來重寫原始的 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)格