comebotree树

最新推荐文章于 2025-08-13 16:28:25 发布

weixin_33832340

最新推荐文章于 2025-08-13 16:28:25 发布

阅读量87

点赞数

CC 4.0 BY-SA版权

文章标签： json java

原文链接：http://www.cnblogs.com/xiexy/p/4136848.html

本文介绍了一个使用Combotree组件实现异步加载树形数据的具体案例。通过Java后端处理请求并返回JSON数据格式，前端通过监听加载成功事件实现自动展开所有节点，并在节点展开前动态加载子节点数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

comebotree树：

java:

@RequestMapping(value="/combobox.do")

public @ResponseBody
String combobox(String booid){

List<Map<String, Object>> list =new ArrayList<Map<String, Object>>();

List<TestModel> rs=testService.getlists(booid);

for(TestModel md:rs){

Map<String, Object> map = new HashMap<String, Object>();//定义map
map.put("id", md.getBookid());
map.put("text", md.getSummarize());

String pid=String.valueOf(md.getBookid());
int count=testService.getcount(pid);
if(count>0)
{
map.put("state", "closed");
}else{
map.put("state", "open");
}

list.add(map);

}

System.out.println(JSON.toJSONString(list));

return JSON.toJSONString(list);
}

页面：

$('#CC').combotree({
valueField:'id',
textField:'text',
editable:false,
panelHeight:'auto',
value:'',
url:'test/combobox.do',
onLoadSuccess: function (node, data) {

//异步树全部自动展开
var t = $(this);
if (data) {
$(data).each(function (index, d) {
if (this.state == 'closed') {
t.tree('expandAll');
}
});
}

},
onSelect:function(value){
console.log(value);
},

//异步树动态展开
onBeforeExpand:function(node){
console.log("---node---",node);
$('#CC').combotree("tree").tree("options").url= "test/combobox.do?booid=" + node.id;

}
});

转载于:https://www.cnblogs.com/xiexy/p/4136848.html