如何使用javascript从JSON数据生成Treeview

时间:2011-12-19 11:54:55

标签: javascript html json treeview

我正在尝试从 JSON数据创建类似树视图的结构。结构非常简单,但我遇到的问题是在将孩子归入特定父母的情况下。

例如,

输入JSON数据是: {'record':[{'sn':'演示表1','vn':'演示视图1'},{'sn':'演示表11', 'vn':'演示视图12'},{'sn':'演示表2','vn':'演示视图21'},{'sn':'演示表1','vn':'演示查看13'}],'recordcount':'4'}

现在,我想以下面的格式显示这些数据:

  • 演示表1
    • 演示视图11
    • 演示视图12
    • 演示视图13
  • 演示表2
    • 演示视图21

在HTML中,我创建了一个像<div id="treeview"></div>这样的div。

现在使用javascript我必须用树视图列表填充这个div的innerHTML。

更新:子项数量的计数应显示在父项的括号中,例如演示表1(3)

任何帮助实现这一目标都将受到高度赞赏。

谢谢,

manishekhawat

0 个答案:

没有答案