调用 JSON 时的动态树加载

Question

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

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

谢谢

Answer 1

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

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

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

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

更新：

更多示例：

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

Answer 2

可以找到嵌入了 JS 和 CSS 的独立 HTML 页面here，不需要第三方库。