組合樹（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模板回顯資料