我可以在没有虚拟滚动的情况下使用 Angular PrimeNG 树表的惰性选项吗?

Question

嘿伙计们，我偶然发现了 prime ng treeTable 的延迟加载选项的一些问题。我需要在没有虚拟滚动程序行为的情况下使用 lazyLoad 事件(输出属性"onLazyLoad"(。树表组件是否以某种方式支持此功能？

像这样：

<p-treeTable [value]="virtualFiles" [columns]="cols" [scrollable]="true" [rows]="20" 
[virtualRowHeight]="34" [lazy]="true" (onLazyLoad)="loadNodes($event)"
[totalRecords]="totalRecords" scrollHeight="400px">
</p-treeTable>

如果无法在没有虚拟滚动条的情况下使用延迟加载，那么如果我至少可以防止它破坏以前加载的元素，那就没关系了。

我已经尝试将 rows-属性设置为值数组的长度，以防止在向上滚动时获取更多数据。

如果有人能帮我解决这个问题，那就太好了。

Answer 1

在我看来，虚拟滚动是分页的替代方法。

它是如何工作的？

从我的角度来看，虚拟滚动依赖于基于[virtualRowHeight]="34"和[rows]="20"的计算，然后计算要加载的所需数据大小。因此，有必要预定义[virtualRowHeight]和[rows]，以确保数据虚拟化，加载和渲染正确项的正常运行。

因此，当您使用许多行时，有必要使用[virtualScroll]="true"