组合树(combotree)把选择控件和下拉树结合起来。它与组合框(combobox)相似,不同的是把列表替换成树组件。组合树(combotree)支持带有用于多选的树状态复选框的树。
依赖
combo , tree
用法
从标记创建组合树(combotree)。
<select id="cc" class="easyui-combotree" style="width:200px;"data-options="url:'get_data.php',required:true">
</select>
使用 javascript 创建组合树(combotree)。
<input id="cc" value="01">
$('#cc').combotree({
url: 'get_data.php',
required: true
});
事件和方法大多继承自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模板回显数据