jQuery EasyUI 组合树(ComboTree)用法

发表于 2010 年 5 月 12 日由 admin

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

HTML代码

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

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

$('#cc').combotree({
url:'tree_data.json'
});

属性

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

事件

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

方法

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

《jQuery EasyUI 组合树(ComboTree)用法》上有 8 条评论

淘宝刷信用在 2010 年 5 月 12 日下午 8:04 说道：

来过，踩过，不容错过！
o(∩_∩)o

回复 ↓
免费签名设计在 2010 年 5 月 13 日上午 10:08 说道：

兄弟,你学程序是自学的还是在学校学的?

回复 ↓
- 依洋在 2010 年 5 月 13 日上午 10:55 说道：
  
  以前上过一段时间的培训课程，不过培训只能让你入门，以后漫长的路还是要自己走啊！而且技术这方面更新的还是很快的，要时刻关注最新的技术。
  
  回复 ↓
god0156 在 2011 年 6 月 1 日上午 9:25 说道：

如何让它加载出来的树默认是关闭的，有解决办法的话请发我邮箱谢谢

回复 ↓
爱你在 2011 年 8 月 22 日下午 4:55 说道：

这个url 是否可以动态加载？
url填写struts的地址可以么？
为什么我的填上struts的地址就什么都不显示

回复 ↓
jkxydp 在 2011 年 10 月 22 日上午 4:03 说道：

这个组件写了url之后总会请求服务器两次，这样很浪费网络资源，请问有没有比较优雅的解决方法。

回复 ↓
Bright 在 2012 年 4 月 10 日下午 9:50 说道：

设置state:close

回复 ↓
欧阳鸿在 2012 年 4 月 13 日上午 10:57 说道：

怎么控制有子节点的节点不能被选中，若要选中，那选中第一个子节点？

回复 ↓

发表评论取消回复