JFinal 实现jQuery EasyUI ComboTree数据加载并收起菜单节点

<select id="cc" class="easyui-combotree" name="cc" style="width:200px;"></select>

$(function () {
$('#cc').combotree({
url: 'combotreeData',
valueField: 'id',
textField: 'text',
editable: false,
onLoadSuccess: function (node, data) {
$("#cc").combotree('tree').tree("collapseAll");
}
});

});

@PermissionOwn(name = "combotree获取数据")
public void combotreeData() {
List<Record> records = Db.find(
"select id,parent_id,title text from 【table_name】");

//getRecordTree()为组成combotree的函数
List<Record> result = Util.getRecordTree(records);

//renderJson方法为转换成JSON对象并返回
renderJson(result);
}

/**
* 获取树结构
* @param records
* @return
*/
public static List<Record> getRecordTree(List<Record> records) {
List<Record> result = new ArrayList<Record>();
Map<Integer, Record> map = new HashMap<Integer, Record>();
for (Record record : records) {
map.put(record.getLong("id").intValue(), record);
}
for (Record record : records) {
if (record.getInt("parent_id") == 0) {
result.add(record);
} else {
Record parentRecord = map.get(record.getInt("parent_id"));
if (parentRecord == null) {
continue;
}
List<Record> list = parentRecord.get("children");
list = list == null ? new ArrayList<Record>() : list;
list.add(record);
parentRecord.set("children", list);
}
}
return result;
}

加载：$('#cc').combotree('reload');
赋值：$('#cc').combotree('setValue', 2);
获取数据：var val = $('#cc').combotree('getValue');
设置不可用：$('#cc').combotree('disable');
设置可用：$('#cc').combotree('enable');

测试Json数据
var jsonData = [{
"id":1,
"text":"My Documents",
"children":[{
"id":11,
"text":"Photos",
"state":"closed",
"children":[{
"id":111,
"text":"Friend"
},{
"id":112,
"text":"Wife"
},{
"id":113,
"text":"Company"
}]
},{
"id":12,
"text":"Program Files",
"children":[{
"id":121,
"text":"Intel"
},{
"id":123,
"text":"Microsoft Office"
},{
"id":124,
"text":"Games",
"checked":true
}]
},{
"id":13,
"text":"index.html"
}]
}];