layui dtree,树形结构不显示问题


 layui.dtree.renderSelect({
            elem: "#dtreeSelectdtreeSelect_1683857832782" ,
           method: "post", //默认为post
           url: url + '/attendance/queryPeopleTreeData',
            skin: "blueStyle",
            ficon: ["2", "-1"],  // 隐藏二级图标
            icon: '-1',  // 隐藏二级图标
            data: ResData,
            // dataFormat: "list",  //配置data的风格为list
            checkbar: true, //是否开启复选框
            checkbarType: "p-casc", //复选框选中形式: all：子集选中父级也选中， no-all：子集选中父级半选中，子集全选父级选中， p-casc：父级选中子集全选，子集无法改变父级选中状态， self：没有任何级联关系， only：仅存一个
            checkbarLoad: "node", //复选框作用范围，node：所有节点， leaf：最后一级
            // selectInitVal: u_selectinitval, //设置默认值
            done: function (res, $obj, first) {
                               
            }
        });
        layui.form.render();

其中data数据。

img


现在的效果是：

img


因为网上说总的父id要改为 0 ，我也设置为0了，为什么还是没结构？

通过对列表数据进行遍历和重构，还可以将其转换为树形结构数据。具体代码实现可以参考如下示例：

function toTreeData(list, parentId) {
  let result = [];
  for (let i = 0; i < list.length; i++) {
    let node = list[i];
    if (node.parentId == parentId) {
      let children = toTreeData(list, node.id);
      if (children.length > 0) {
        node.children = children;
      }
      result.push(node);
    }
  }
  return result;
}

var ResData = toTreeData(ResData, "0");

通过调用toTreeData()方法，可以将前面提到的list格式数据转换为树形结构数据。初始父级ID值为0。

{
"code":0,
"msg":"操作成功",
"data": [
  {"id":"001","title": "湖南省","parentId": "0","children":[]},
  {"id":"002","title": "湖北省","parentId": "0","children":[]},
  {"id":"003","title": "广东省","parentId": "0","children":[]},
  {"id":"004","title": "浙江省","parentId": "0","children":[]},
  {"id":"005","title": "福建省","parentId": "0","children":[]}
]
}

数据格式是这样的啊，所以你这个显示没问题啊

按你的数据格式 应该 dataFormat: "list", //配置data的风格为list 把这个打开