PrimeNG установил страницу для первого, используя ленивую загрузочную таблицу

Question

Я использую компонент p-table с "Paginator" и "Lazy loading", и я сделал один компонент поиска с тем, что мне нужно.
Я пытаюсь решить проблему, когда я фильтрую и индекс страницына другой странице.
пример:
индекс страницы = 2
Фильтрация текста = текст.

Затем я обновляю записи в таблице и количество страниц.Но индекс страницы продолжается с 2, если результат имеет большее или равное количество страниц индекса.

Я пытаюсь изменить значение с события, но оно не применяется.

Документация PrimeNG lazyзагрузка:

loadData(event: LazyLoadEvent) {
  //event.first = First row offset
  //event.rows = Number of rows per page
  //event.sortField = Field name to sort in single sort mode
  //event.sortOrder = Sort order as number, 1 for asc and -1 for dec in single sort mode
  //multiSortMeta: An array of SortMeta objects used in multiple columns sorting. Each SortMeta has field and order properties.
  //filters: Filters object having field as key and filter value, filter matchMode as value
  //globalFilter: Value of the global filter if available
  this.cars = //do a request to a remote datasource using a service and return the cars that match the lazy load criteria
}

Answer 1

Я предполагаю, что вы создали свой поисковый компонент, по которому будете искать, и это будет отражено в турбо-таблицеВы не используете Глобальный фильтр Turbotable.В этом случае вы должны сначала сбросить таблицу, а затем извлечь запись.

Предположим, что ниже ваша таблица:

<p-table #tt [value]="testdata" class="test-data" [lazy]="true"
         (onLazyLoad)="loadDataLazily($event)"
            [paginator]="true" [rows]="3" [totalRecords]="totalRecords">

Используйте селектор для вашей таблицы, например # tt Теперь у вас component.ts file

сбросить таблицу в методе фильтрации;

import { Table } from '../../../../node_modules/primeng/components/table/table';
    export class TableComponent{
     @ViewChild('tt') tt: Table;
     filter(){
      this.tt.reset();
     }
}