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模板回顯數據