jQuery EasyUI 表單插件 – Combotree 組合樹

2018-09-16 18:26 更新

jQuery EasyUI 表單插件 - Combotree 組合樹


jQuery EasyUI 插件 jQuery EasyUI 插件

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

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

依賴

  • combo
  • tree

用法

從標(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 插件 jQuery EasyUI 插件
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)