调用JSON时的动态树加载

Question

我有一个返回顶部树节点和子节点的JSON。然后，每当我点击子项时，它就会检索从其他JSON获得的孙子和其他多级别。 有没有办法帮助在树中构建它？最初我想在树中显示父节点和子节点，然后在点击子节点时树应该向下钻取以显示其他子节点。

这是常见的情况。是否有任何容易使用的工具来构建树？

谢谢

Answer 1

有许多JavaScript树小部件，任何好的小部件都会进行动态加载。

这是一个随机选择的，恰好来自流行的YUI库： http://developer.yahoo.com/yui/treeview/

顺便说一下，为了帮助澄清你问题的措辞：

• “顶级树节点”通常称为“根”。
• “a JSON”更准确地称为“返回JSON的XHR请求”。谷歌搜索“XHR请求”或“AJAX请求”以了解更多信息。基本上，异步数据提取是XmlHttpRequest，JSON是响应的数据格式。
• 不是说“建树”，而是说“渲染树”更清楚。 “构建树”可以指构造树数据或渲染树数据的过程，因此是模糊的。以前的用法实际上更常见，而在这里你的意思是后者。

<强>更新

更多例子：

• jqTree
• jqxTree
• dynaTree
• jsTree
• Dojo tree
  • lazy load demo
• ExtJS tree
• Google Closure Tree

Answer 2

here可能会找到一个内嵌JS和CSS的独立HTML页面，不需要第三方库。