JavaScript的树形视图为一个“树状”大型静态网站

Question

极品建议（导航）JS窗口小部件的某个站点是：

1. 真大（可达100,000页）
2. 静态 - 所有页面都产生来自外部来源，并且该小部件嵌入在每个页面中。

澄清：没有框架，也没有应用程序服务器。所有页面都会生成并放置在一个文件系统中，每个页面都是独立加载的，这意味着每次都会加载树视图导航，所以它应该使用多个文件并根据需要加载部分树，或者要成为超级效率高达。

商业确定。

Answer 1

使用可驯化的树种。点击here查看详细架构

Answer 2

所有严重的JS树窗口小部件都允许动态加载子项。这里的关键问题是，他们中的大多数会向服务器发送诸如getChildren?parent=23674的查询，并且这不适合您的情况。

由于该站点是静态的，因此需要生成带有JSON格式树分支描述的文件，并在用户扩展树中的节点时请求来自服务器的文件。您还可以创建包含tree children的文件作为HTML，但当您将数据发送到客户端并使用JavaScript将数据转换为HTML时（您将节省大量带宽），您将更加灵活。

尝试雅虎的TreeView。有一个example how to load data dynamically。