大家好,我偶然发现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的长度,以防止在向上滚动时获取更多数据。
如果有人可以帮助我,那将很棒。
According to PrimeNg documentation,是的,您可以在没有(onLazyLoad)
的情况下使用[virtualScroll]="true"
:
<p-treeTable [value]="files" [columns]="cols" [paginator]="true" [rows]="10" [lazy]="true"
(onLazyLoad)="loadNodes($event)" [totalRecords]="1000"
[loading]="loading" (onNodeExpand)="onNodeExpand($event)">
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns">
{{col.header}}
</th>
</tr>
</ng-template>
</p-treeTable>