美文网首页
ztree数据问题

ztree数据问题

作者: 亦庄攻城狮 | 来源:发表于2017-12-27 11:03 被阅读0次

在实际开发过程中存在后台数据格式的不规范性,无法满足ztree数据格式的规范。针对上述问题结合实际开发案例总结及解决方案如下
1.标准数据格式

var nodes = [
    {name: "父节点1", children: [
        {name: "子节点1"},
        {name: "子节点2"}
    ]}
];

2.简单数据格式

var setting = {
    data: {
        simpleData: {
            enable: true,
            idKey: "id",
            pIdKey: "pId",
            rootPId: 0
        }
    }
};
var treeNodes = [
    {"id":1, "pId":0, "name":"test1"},
    {"id":11, "pId":1, "name":"test11"},
    {"id":12, "pId":1, "name":"test12"},
    {"id":111, "pId":11, "name":"test111"}
];

enable: true / false 分别表示 使用 / 不使用 简单数据模式
如果设置为 true,请务必设置 setting.data.simpleData 内的其他参数: idKey / pIdKey / rootPId,并且让数据满足父子关系。

3.实际应用
已知tree的结构为 json结构大体如下


整体数据结构
全部展开数据结构

该数据可以看出大致是标准的数据格式,但是整体的结构包括父子节点的Id、子属性的差异化命名都存在问题,这给我们生成标准tree造成一定难度
**
解决思路:treeTolist 递归的方式解析该json 并在循环中将Id及属性命名统一生成 Array简单数据格式
**


仅供参考 仅供参考

相关文章

网友评论

      本文标题:ztree数据问题

      本文链接:https://www.haomeiwen.com/subject/ivfgwxtx.html