Json 到树状视图 (<ul> )

Question

我从我的 WCF 数据服务中获得了以下数据（我删除了元数据）

{
  "d": [{
      "CodeId": 6,
      "Title": "A Child Sub Item",
      "Parent":
    },
    {
      "CodeId": 5,
      "Title": "Another Root Item",
      "Parent": -1
    },
    {
      "CodeId": 4,
      "Title": "Child Item",
      "Parent": 2
    },
    {
      "CodeId": 2,
      "Title": "Root Item",
      "Parent": -1
    }
  ]
}

我试图将其放入 <ul> 样式树中，以 Parent = -1 作为根，然后将其余部分作为其父 ID 的子项。

任何人都可以帮助我，最好是在 jQuery 中吗？ 如果有人知道更好的方法，我将在 jstree 中使用它。

谢谢

Answer 1

1. 循环遍历这些对象并将它们转换为 jstree 喜欢的类型，同时将它们存储在另一个以 CodeId 为键、以对象为值的对象中。 记得保留 Parent 属性
2. 循环遍历您刚刚创建的对象，并为每个项目：
   1. 如果是根节点，则将其添加到列表中
   2. 如果它不是根节点，则从对象中查找其父节点并将其添加到父节点的子集合中
3. 馈送您在 3.1 中创建的列表。 进入jstree