easyUI帶復選框的組合樹

代碼：

<input id="depts">
<script type="text/javascript">
$(document).ready(function() {
$('#depts').combotree({
url: 'data/depts.json',
multiple:true,//復選框
checkbox:true,//
cascadeCheck:false//true:選中父節點后下面的所有子節點選中，false:選中父節點后下面的子節點不選中
});
});
</script>

或者
<input id="depts" name="depts" class="easyui-combotree" data-options="url:'data/depts.json',method:'get',required:true,multiple:true,checkbox:true,cascadeCheck:true">

 

---

 

depts.json模擬數據：

[
{
"children": [
{
"id": "11",
"text": "二級部門1"
},{
"id": "12",
"text": "二級部門2"
},{
"id": "13",
"text": "二級部門3"
},{
"id": "14",
"text": "二級部門4"
}
],
"icoCls": "icon-ok",
"id": "1",
"state": "closed",
"text": "部門1"
},
{
"children": [
{
"id": "21",
"text": "二級部門5"
}
],
"icoCls": "icon-ok",
"id": "2",
"state": "closed",
"text": "部門2"
},
{
"children": [
{
"id": "31",
"text": "二級部門6"
},
{
"id": "32",
"text": "二級部門7"
},
{
"id": "33",
"text": "二級部門8"
}
],
"icoCls": "icon-ok",
"id": "3",
"state": "closed",
"text": "部門3"
}
]