Javascript 可以在fancytree上分页吗?

Javascript 可以在fancytree上分页吗?,javascript,jquery,pagination,fancytree,Javascript,Jquery,Pagination,Fancytree,现在我必须在同一页上呈现很多文档,我正在使用francytree 问题:绩效 我的想法是:fancytree是否提供分页功能?否。截至2019年6月,没有内置分页选项可用 您必须手动完成这项工作,将输入数据分成若干块,然后一次一块地分配给树 但是,树支持延迟加载。这更像是一棵树的分页 Fancytree支持父节点下直接子节点的分页,如下所述 但是请注意,性能问题通常是由呈现的DOM元素的数量引起的,而不是由树的数据模型中的节点数量引起的 因此,在不同的父节点下传播数据,并在折叠时丢弃标记可能是一

现在我必须在同一页上呈现很多文档,我正在使用francytree

问题:绩效


我的想法是:fancytree是否提供分页功能?

否。截至2019年6月,没有内置分页选项可用

您必须手动完成这项工作,将输入数据分成若干块,然后一次一块地分配给树

但是,树支持延迟加载。这更像是一棵树的分页


Fancytree支持父节点下直接子节点的分页,如下所述

但是请注意,性能问题通常是由呈现的DOM元素的数量引起的,而不是由树的数据模型中的节点数量引起的

因此,在不同的父节点下传播数据,并在折叠时丢弃标记可能是一种替代方法。 或用于实现视口

从:

“分页”节点是“分页”类型的状态节点,可以用作缺少数据的占位符。通常,我们会添加一些附加信息,以便稍后加载丢失的节点

[
  {title: "Item 1", key: "node1"},
  {title: "Folder 2", folder: true, expanded: true, key: "node2"},
  {title: "Lazy error", key: "node3", lazy: true},
  {title: "Lazy empty", key: "node4", lazy: true},
  {title: "Lazy paging", key: "node5", lazy: true},
  {title: "More...", statusNodeType: "paging", icon: false, url: "get_children?parent=4321&start=5&count=10"}
]
还可以使用API创建分页节点,例如在loadChildren事件中:

data.node.addPagingNode{ 标题:更多。。。, url:get_children?parent=4321&start=5&count=10 }; 分页节点生成特殊事件,而不是普通激活。通用实现将发出加载请求,并用结果替换“更多…”条目:

$tree.fancytree{ ... 单击分页:函数事件、数据{ data.node.replace为{url:data.node.data.url}.donefunction{ //分页节点被替换为下一组条目。 }; }
这意味着加载太慢的唯一方法是正确的,而不是其他方法。fancytree的限制是什么?意味着我现在有5000多个文件夹,可以展开所有这些,浏览器挂起。Facytree是用JS编写的,JS没有限制。第一个问题的答案是,树可以垂直和水平生长,而列表只能垂直生长垂直增长。分页用于此类垂直列表。谢谢,Charlie。分页用于此类垂直列表:请提供适当的链接
[
  {title: "Item 1", key: "node1"},
  {title: "Folder 2", folder: true, expanded: true, key: "node2"},
  {title: "Lazy error", key: "node3", lazy: true},
  {title: "Lazy empty", key: "node4", lazy: true},
  {title: "Lazy paging", key: "node5", lazy: true},
  {title: "More...", statusNodeType: "paging", icon: false, url: "get_children?parent=4321&start=5&count=10"}
]