1

嘿伙计们,我偶然发现了prime ng treeTable的延迟加载选项的一些问题。我需要使用没有虚拟滚动条行为的lazyLoad 事件(输出属性“onLazyLoad”)。这是否受到 treeTable 组件的某种支持?

像这样的东西:

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

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

我已经尝试将 rows-property 设置为 values-array 的长度,以防止在向上滚动时获取更多数据。

如果有人可以帮助我,那就太好了。

4

1 回答 1

2

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

它是如何工作的?

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

因此,当您处理多行时,有必要使用[virtualScroll]="true"

于 2019-11-25T08:11:20.103 回答