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

  

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

依赖

combo , tree

用法

从标记创建组合树(combotree)。

  1. <select id="cc" class="easyui-combotree" style="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模板回显数据

原文地址:https://www.cnblogs.com/myblogs-miller/p/6952224.html