关于项目中tree数据的处理展示,常见的2种处理方法(前端和后端)

更新时间:2023-06-06 02:19:15 阅读: 评论:0

关于项⽬中tree数据的处理展⽰,常见的2种处理⽅法(前端和后端)1:后端处理⽅法:
tree结构:java初级培训
思路:后端通过循环拼接tree数据返回给前台
在这⾥插⼊代码⽚
//数据库返回list
List<UnidocMenu> list = unidocMenuMapper.lectByExample(example);
sampras
Map<String, Object> map = new HashMap<String, Object>();
List<Map<String, Object>> rusult = new ArrayList<Map<String, Object>>();
for (UnidocMenu item : list) {
boldly>oscarif ("-1".ParentId())) {
map = new HashMap<String, Object>();
map.put("id", MenuId().toString());
map.put("label", MenuName());
map.put("isEdit", fal);
rusult.add(map);
greenpeace
}
}
resultMap.put("respCode", "00000");
resultMap.put("respDesc", "查询⽬录成功");
residence
resultMap.put("result", rusult);
//⽆限循环⽅法
private Map<String, Object> getSonTree(Map<String, Object> map, List<UnidocMenu> list) {    List<Map<String, Object>> sonList = new ArrayList<Map<String, Object>>();
Map<String, Object> sonMap;
for (UnidocMenu item : list) {
if (("id").toString().ParentId())) {
sonMap = new HashMap<String, Object>();
一对一英语中考
sonMap.put("id", MenuId().toString());
sonMap.put("label", MenuName());
sonMap.put("isEdit", fal);
sonList.add(sonMap);
}
}
map.put("children", sonList);
return map;
}
1.2:后台封装对象返回
代码如下:bean对象
定义公共处理类
小学培训班调⽤⽅法:
2. 前台处理⽅法:
在这⾥插⼊代码⽚
$("tree-menu").tree({
loadFilter : function(data, parent) {
var tree=[];
//加载⽗节点
for(var i=0;i<data.length;i++) {//为每个节点赋予id,text
data[i].id = data[i].menuId;//为id属性赋值,已有可略过            data[i].label= data[i].menuName;//为text属性赋值
data[i].children=[];//初始化children属性
if(!data[i].parentId||data[i].parentId==""){//加载⼀级节点                tree.push(data[i]);
}
}
//加载⼦节点
for(var i=0;i<data.length;i++){
高中英语自我介绍for(var j=0;j<data.length;j++){//找到data[i]的⽗节点data[j]                if(data[i].parentId==data[j].id){
data[j].children.push(data[i])
break;
}
}
}
return tree;//返回tree
星期五英文},
})

本文发布于:2023-06-06 02:19:15,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/78/879067.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:返回   数据   节点   赋值   对象   加载   处理   已有
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图