适用于大型静态网站的JavaScript树视图

Question

需要建议网站的“树视图”（导航）JS小部件：

1. 非常大（最多100,000页）
2. 静态 - 所有页面都是从外部源生成的，并且窗口小部件嵌入在每个页面中。

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

商业OK。

Answer 1

使用可混合的树。点击here了解详细架构

Answer 2

所有严肃的JS树小部件都允许动态加载孩子。这里的关键问题是，他们中的大多数都会向服务器发送getChildren?parent=23674之类的查询，这对您的情况不起作用。

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

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

Answer 3

注意到没有任何链接有效。但是，出于完全相同的原因编写了一个文件，这是对大量数据的效率。您可能想查看PixoTree，并查看它是否适合您。

PS。我知道这是一个古老的问题，但认为这可能会帮助偶然发现此问题的人。