Json到树视图(<ul>)</ul>

时间:2010-05-18 20:07:18

标签: json list tree

我从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}
]
}

我想把它变成一个&lt; ul&gt;样式树,其中Parent = -1作为root,然后其余作为其父ID的子项。

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

由于

1 个答案:

答案 0 :(得分:0)

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