将 json 父子列表绑定到 jstree

Question

我有一个嵌套对象（父子）的列表，我使用 jstree 插件分层显示它们。

数据库列表：

 ID  Name  ParentId
    1   A     NULL
    2   B     NULL
    5   a1    1
    6   b1    2
    9   a11   5
    10  a12   5
    11  b12   6

转换后的列表为 JSON 及其子项：

 [{"children":[{"children":[{"children":[],"id":9,"text":"a11","ParentId":5},{"children":[],"id":10,"text":"a12","ParentId":5}],"id":5,"text":"a1","ParentId":1}],"id":1,"text":"A","ParentId":null},{"children":[{"children":[{"children":[],"id":11,"text":"b12","ParentId":6}],"id":6,"text":"b1","ParentId":2}],"id":2,"text":"B","ParentId":null},{"children":[{"children":[],"id":9,"text":"a11","ParentId":5},{"children":[],"id":10,"text":"a12","ParentId":5}],"id":5,"text":"a1","ParentId":1},{"children":[{"children":[],"id":11,"text":"b12","ParentId":6}],"id":6,"text":"b1","ParentId":2},{"children":[],"id":9,"text":"a11","ParentId":5},{"children":[],"id":10,"text":"a12","ParentId":5},{"children":[],"id":11,"text":"b12","ParentId":6}]

阿贾克斯：

  success: function (x) {
     $('#jstree').jstree({
                  'core': {
                        'data': jQuery.parseJSON(x)
                           }
     });  }      

问题是当 json 对象首次加载到页面时，jstree 显示所有节点，甚至它们的子节点;在同一级别。只有当我消耗一个父节点时，子节点才会正确地进入他们的父节点下方并从第一级消失。为什么会这样？谢谢。

Answer 1

尽管 JSON 数据的结构格式正确，但分配的"id"值不是唯一的。根节点中的某些节点与某些嵌套子节点具有相同的 id。这会在树数据中产生冲突，因为 jsTree 需要唯一的 id。如果可以计算整个树中节点的唯一 id 值，它将起作用。