Angular5 - PrimeNG - выбранная вкладка paginator компонента p-таблицы сбрасывается на первую вкладку при перезагрузке данных - PullRequest
Новая
       10

Angular5 - PrimeNG - выбранная вкладка paginator компонента p-таблицы сбрасывается на первую вкладку при перезагрузке данных

0 голосов
/ 06 июня 2018

PrimeNG, компонент p-таблицы при перезагрузке данных таблица сбрасывается на первую вкладку пагинатора.

enter image description here

Есть ли способ остановить это поведение и заставить paginator оставаться в той же выбранной вкладке (например, 2 или 4 или 5 и т. Д.) При перезагрузке данных?

Я перезагружаю данные каждые 10 секунд, вызываяRestAPI, использующий setTimeout () в цикле, пока он не останется на этой странице.

HTML 

    <p-table #dt [columns]="cols" [value]="dataMarts" [paginator]="true" [rows]="15" [pageLinks]="5" [rowsPerPageOptions]="[5,10,15,20,50,100,200,500,1000]"sortField="Id" resetPageOnSort="false">

Ссылка: https://www.primefaces.org/primeng/#/table

НеУбедитесь, что это поведение связано с приведенным объяснением в разделе " Обнаружение изменений " по вышеуказанной ссылке.

Обновление: - Эта проблема на самом деле была вызванаатрибут sortField = "Id" , который всегда отображал первую вкладку.После удаления работает нормально.

1 Ответ

0 голосов
/ 06 июня 2018

С событием onPage, запускаемым при изменении страницы, и свойством first вы можете остаться на выбранной странице.

Просто добавьте (onPage)="paginate($event)" [first]="first" к вашему p-table и соответствующему коду TS: 

paginate(event) {
    this.first = event.first;
}

, где event.first является первой видимой строкой выбранной вами страницы.

См. StackBlitz

Редактировать

Работает с PrimeNG 5.2.4 +

...