我正在使用带有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);
}