使用Angular + PrimeNG

时间:2017-11-14 15:35:23

标签: angular typescript lazy-loading primeng-datatable global-filter

我创建了一个包含延迟加载全局过滤器功能的数据表。 我使用PrimeNG组件进行实现。 但是我发现启用延迟加载时全局过滤器不起作用,即[lazy] =“true”。

HTML代码:

<input #gc type="text" pInputText size="30" placeholder="Global Filter" class="element-space">

<p-dataTable [value]="infoList" [rows]="5" [globalFilter]="gc" [totalRecords]="records" (onLazyLoad)="loadInfo($event)"
  scrollable="true" scrollHeight="200px" virtualScroll="virtualScroll" selectionMode="single" [(selection)]="selectedInfo"
  (onRowSelect)="onInfoRowSelect($event)" dataKey="infoId" class="break-word" resizableColumns="true" [lazy]="true">

TS代码:

    lazyLoadOutInfo(event: LazyLoadEvent) {
    setTimeout(() => {
        if (this.infoListData) {
            this.infoList= this.infoListData.slice(event.first, (event.first + event.rows));
        }
    }, 25);
}

我需要让这两个功能都有效,有人在这里有线索吗?

0 个答案:

没有答案