======================================我的==================================================

Jsp標籤：

1. <select id="id" class="easyui-combotree"></select>

1. $('#cc').combotree({
2. url: 'url',//請求地址。
3. required: true,//必填。
4. queryParams : {//在請求遠端資料的時候傳送額外的引數。
5. parentid : "parentid"
6. },
7. onLoadSuccess : function(node, data) {
8. $("#cc").combotree('setValue', "id");//預設選中。
9. var t = $("#t_parentid").combotree('tree');// 獲取樹物件。
10. var n = t.tree("find",row.deptid);
11. t.tree("remove",n.target);//移除某一資料和其子節點。
    
12. }
    
13. });
14. //=======================簡單方式==============================
15. $('#cc').combotree('reload','url');
    
16. //
17. $('#cc').combotree('loadData','json');
    

[{
  "id": "id1",
  "text": "父",
  "children": [{
    "id": "id11",
    "text": "子1"
  },{
    "id": "id12",
    "text": "子2"
  }]
}]

======================================官方==================================================

ComboTree（樹形下拉框）

擴充套件自$.fn.combo.defaults和$.fn.tree.defaults。使用$.fn.combotree.defaults重寫預設值物件。

樹形下拉框結合選擇控制元件和下拉樹控制元件。它與combobox(下拉列表框)類似，但是將下拉列表框的列表替換成了樹形控制元件。該控制元件支援樹狀態複選框，方便多選操作。

依賴關係

• combo
• tree

用法

使用標籤建立樹形下拉框。

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

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

使用Javascript建立樹形下拉框。

1. <inputid="cc"value="01">

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

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

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

屬性

樹形下拉框屬性擴充套件自combo(自定義下拉框)和tree(樹形控制元件)，樹形下拉框重寫的屬性如下：

事件

該控制元件的事件完全繼承自combo(自定義下拉框)和tree(樹形控制元件)。

方法

樹形下拉框方法擴充套件自combo(自定義下拉框)，樹形下拉框新增和重寫的方法如下：

var t = $('#cc').combotree('tree');	// 獲取樹物件
var n = t.tree('getSelected');		// 獲取選擇的節點
alert(n.text);

$('#cc').combotree('loadData', [{
	id: 1,
	text: 'Languages',
	children: [{
		id: 11,
		text: 'Java'
	},{
		id: 12,
		text: 'C++'
	}]
}]);

$('#cc').combotree('setValues', [1,3,21]);

$('#cc').combotree('setValue', 6);