组合树(combotree)把选择控件和下拉树结合起来。它与组合框(combobox)相似,不同的是把列表替换成树组件。组合树(combotree)支持带有用于多选的树状态复选框的树。
依赖
combo , tree
用法
从标记创建组合树(combotree)。
- <select id="cc" class="easyui-combotree" style="200px;"
- data-options="url:'get_data.php',required:true">
- </select>
使用 javascript 创建组合树(combotree)。
1. <input id="cc" value="01">
1. $('#cc').combotree({
2. url: 'get_data.php',
3. required: true
4. });
事件和方法大多继承自combo和tree
Combotree回显数据默认选中方法
1.$(function(){
$('#ct').combotree({
url:"$!{root}/work/sys/sysevnunit/json.do" ,
onChange :function(){
$val = $("#ct").combotree('getValue');
$("#_EnvUnitCode").val($val);
},
onLoadSuccess:function(node,data){ $("#ct").combotree('setValue','$!{entity.EnvUnitCode}');
}
});
}
2.
$("#ct").combotree({
url:'$!{root}/work/sys/sysevnunit/json.do',
value:'$!{entity.EnvUnitCode}',
onChange:function(newValue, oldValue){
$("#area").val(newValue);
}
});
以上两种方法亲测有效,查了好长时间还是要用到combotree的setValue方法进行赋值,只不过是要在onLoadSuccess这个事件之后使用,不然数据没有加载完毕找不到这个节点。
Ps: $("#ct").combotree('setValue','$!{entity.EnvUnitCode}')
这里的值是tree节点的id值。使用的是valocity模板回显数据