layui dtree使用时的坑

最新推荐文章于 2024-03-11 21:19:29 发布

Ava-眼睛

最新推荐文章于 2024-03-11 21:19:29 发布

阅读量3.1k

点赞数

文章标签： js 前端数据库

本文链接：https://blog.csdn.net/qq_38417119/article/details/105043156

版权

在使用layui的dtree组件时，遇到初始化困难。尽管后台数据正确，且已核对文档，但前端仍无法正常展示层级结构。通过调试发现，问题出在根节点的父节点值为null，修改为0后，树形结构成功显示。

摘要由CSDN通过智能技术生成

在使用layui dtree的过程中，初始化树时，后台可以拿到数据，数据的格式多次确定是无误的，

看了多次的文档，将文档中的复制粘贴，可是依然无法在前台页面显示树的结构。

我尝试了将

 dataFormat: "list",

这个去掉，发现数据显示出来了，可是不是层级的显示。

找了多次的数据，才发现，不是我的代码有错误。

我在仔细看我请求出来的数据时，总节点的父节点是null，

我将数据库中的父节点直接赋值为0，树初始化就成功了。

特此纪念，被自己蠢哭的一天。

附上树初始化的js

function openselectRoleMenu(data){
	var menuTree;
	mainIndex=layer.open({
		type:1,
		title:'分配【'+data.rname+'】的角色',
        content:$("#selectRoleMenu"),
		area:['400px','500px'],
		btnAlign:'c',
		btn:['<div class="layui-icon layui-icon-release">确认分配</div>',
        '<div class="layui-icon layui-icon-close">取消分配</div>'],
		yes:function(index, layero){
			//获得当前选中节点
			var nodes =