Как вызвать событие прокрутки с Primeng virtuallScroll - PullRequest
Новая
       18

Как вызвать событие прокрутки с Primeng virtuallScroll

0 голосов
/ 08 марта 2019

Я использую virtualScroller с primgeng 7.0 и angular 7. Что я хочу сделать, так это когда я загружаю страницу в первый раз, я хочу вызвать событие прокрутки и перейти на определенную страницу, например: вторая страница. Есть ли функция, чтобы сделать это с угловым 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);      
   }
...