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

问题描述 投票:0回答: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的长度,以防止在向上滚动时获取更多数据。

如果有人可以帮助我,那将很棒。

angular lazy-loading primeng virtualscroll primeng-treetable
1个回答
0
投票

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>
© www.soinside.com 2019 - 2024. All rights reserved.