jQuery EasyUI 组合树(ComboTree)用法

jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多，只是在显示上有点差别：一个显示成树状结构，一个显示成列表结构。下面来介绍一下组合树(ComboTree)用法的详细用法：

HTML代码

1. <select id="cc" style="width:200px;"></select>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里插入下面的代码即可：

1. $(‘#cc’).combotree({
2.     url:’tree_data.json’
3. });

属性

属性名	类型	描述	默认值
width	数字	组件的宽度	auto
treeWidth	数字	列表树的宽度	null
treeHeight	数字	列表数的高度	null
url	字符串	加载远程数的URL地址	null

事件

事件名	参数	描述
onSelect	node	当选择了一个树节点时触发
onChange	newValue, oldValue	当文本域的值改变时触发

方法

方法名	参数	描述
setValue	param	设定指定值到文本域，参数可以是一个字符串，也可以是一个Javascript对象，如果是对象，必须包含两个属性各对应id 和text属性。
getValue	none	获取字段值
reload	url	重新请求远程列表树数据