如何使用tree型结构简单使用

最新推荐文章于 2023-01-13 14:22:56 发布

fly_luck

最新推荐文章于 2023-01-13 14:22:56 发布

阅读量403

点赞数 2

分类专栏：代码

本文链接：https://blog.csdn.net/qq_42450611/article/details/80678491

版权

代码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

初次写博客写的不好多多见谅

@Controller
public class TreeController {
@Autowired

private TreeService ser;

//指定请求地址处理中文乱码

@RequestMapping(value = "list.action",produces = {"text/json;charset=UTF-8"})
@ResponseBody
public String list(){

return JSONArray.fromObject(ser.getList()).toString();
}

}

//前台代码ztree的使用

//属性的具体在api文档中有

//field1、field2是自定义的字段，根据你的需要自己写。id,pId见名知其义，是zTree默认的两个字段名，如果跟后台传过来的字段名不符合，可以在simpleData中指定

data: {//加载数据
simpleData:{

enable:true,//true / false 分别表示使用 / 不使用简单数据模式

idKey:"id",//根据自己的字段进行修改
pIdKey:"pid",
rootPId:0 //默认根节点的值
},
key:{//页面上展示数据
name:"menu_name",
url:"menu_url"//点击时跳转页面
}
}

};
//创建树
$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting);
}
);

</script>
<body>
<h1>ztree的使用</h1>
<ul id="treeDemo" class="ztree"></ul>

</body>

展示效果

fly_luck

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何使用tree型结构简单使用

初次写博客写的不好多多见谅@Controllerpublic class TreeController { @Autowired private TreeService ser; //指定请求地址处理中文乱码 @RequestMapping(value = "list.action",produces = {"text/json;charset=UTF-8"}) @...
复制链接

扫一扫