Jquery easyui----combotree

                       

相关依赖

• combo
• tree

使用

从标记建立combotree 

<input id="cc" class="easyui-combotree" url="ashx/OrglistHandler.ashx" required="true"  multiple="true"  value="1" style="width: 204px;"> 

使用javascript建立combotree 

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

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

属性

属性继承自 combo 和 tree, 如下是combotree重写属性.

Name	Type	Description	Default
editable	boolean	定义用户是否能够直接输入文本到选择框.	false

 

 

 

 

事件

事件继承自 combo 和 tree.

方法

方法继承自 combo,如下是combotree新增和重写的方法.

Name	Parameter	Description
options	none	返回 options 对象.
tree	none	返回树(tree)对象. 如下示例展现如何获得选择的树节点(node).  var   t = $('#cc').combotree('tree'); // 获得树对象   var   n = t.tree('getSelected'); // 获得选择的节点   这里通过实践测试应该使用t.tree('getChecked');    alert(n.text);
loadData	data	加载本地tree数据. 示例代码:  $('#cc').combotree('loadData', [{ id: 1,   text: 'Languages', children: [{ id: 11, text: 'Java' },{ id: 12, text: 'C++'   }] }]);
reload	url	从新请求远程服务器端数据. 传入'url'参数重写原始的URL值.
clear	none	清除组件值.
setValues	values	设置组件值数组. 示例代码:  $('#cc').combotree('setValues',   [1,3,21]);     注意：动态赋值时相似以下方式，'['+参数+']'方式无效      arr = msg.split(",");      var valueArr = new Array();      for (var i = 0; i < arr.length; i++) {        valueArr.push(arr[i]);      }      $("#cc").combotree("setValues", valueArr)
setValue	value	设置组件值. 示例代码:  $('#cc').combotree('setValue', 6);
getValues	none	获取组件值（多选时）.
getValue	none	获取组件值（单选时）.