如何使用Primeng virtuallScroll触发滚动事件

时间:2019-03-08 16:38:37

标签: angular primeng

我正在使用带有primgeng 7.0和angular 7的virtualScroller。 我想做的是,当我第一次加载页面时,我想触发滚动事件并转到特定页面,例如:第二页面。是否有一个函数可以使用angular 7和primeng来做到这一点,并触发滚动条转到特定页面?这是我的代码:

<p-table [columns]="cols" [value]="virtualBooks" [scrollable]="true" [rows]="20" scrollHeight="200px" [virtualScroll]="true" (onLazyLoad)="loadDataOnScroll($event)"
    [lazy]="true" [totalRecords]="totalRecords" [virtualRowHeight]="34" [showLoader]="false">
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of columns">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData let-columns="columns">
        <tr style="height:34px">
            <td *ngFor="let col of columns">
                {{rowData[col.field]}}
            </td>
        </tr>
    </ng-template>
</p-table>

组件:

loadDataOnScroll(event: LazyLoadEvent) {
   this.loading = true;

   // How to triger the scrollbar to go to a specific page ? ex : page 2

   setTimeout(() => {
            this.virtualBooks = this.allBooks.slice(event.first, event.first + event.rows);
            this.loading = false;
        }, 100);      
   }

0 个答案:

没有答案