EasyUI-combotree 下拉树 数据回显时默认选中

 

  

组合树（combotree）把选择控件和下拉树结合起来。它与组合框（combobox）相似，不同的是把列表替换成树组件。组合树（combotree）支持带有用于多选的树状态复选框的树。

依赖

combo , tree

用法

从标记创建组合树（combotree）。

1. <select id="cc" class="easyui-combotree" style="width:200px;"
2.     data-options="url:'get_data.php',required:true">
3. </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模板回显数据