jQuery EasyUI 组合树(ComboTree)用法-CSDN博客

这篇博客介绍了jQuery EasyUI的组合树组件(ComboTree)。它与组合框相似，但以树形结构展示。通过HTML代码创建选择器，然后在jQuery初始化函数中调用combotree方法，并指定数据源URL，如'url: 'tree_data.json'。文章涵盖了组件的属性、事件和方法。

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

HTML代码

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

属性

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

事件

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

方法

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