Настраиваемый параметр пейджинга ngx-datatable

1

Я создаю datatable с ngx-datatable и активированным пейджингом с [limit] = "10", например. Это прекрасно работает. Тем не менее, я хочу, чтобы записи на страницу настраивались через посетителя.

Поэтому я добавил переменную в контроллер:

pageSize: number = 10;//defaults to 10

Более того, я создал компонент Item (сам по себе)

<form-item name="pageSize" [(value)]="pageSize" (change)="table.recalculate()"></form-item>

<ngx-datatable
  #table ...

который создает

<input type="text" name="pageSize" [ngModel]="value">

Теперь это не работает должным образом. Начальное значение равно 10. Когда я меняю его, обратный вызов onchange имеет таинственную задержку?!. Он не реагирует одинаково каждый раз. Задание table.recalculate() запускается правильно, но если я переключусь на следующую страницу, дополнительные данные добавляются в таблицу вместо замены данных с предыдущей страницы.

Может кто-нибудь мне помочь, чего мне не хватает?

Теги:
angular
forms
ngx-datatable
paging

1 ответ

0

Это должно быть ngModelChange вместо change

<form-item name="pageSize" [value]="pageSize" (ngModelChange)="table.recalculate()"></form-item>
  • 0
    Эй, спасибо за ответ, но это не работает. ngModelChange ничего не делает в данный момент. Я предполагаю, что проблема в том, что я передаю [(значение)] как двустороннюю привязку в <form-item> и внутри form-item, я устанавливаю ngModel с помощью <input [ngModel] = "value" ...> , Только так работает двусторонняя привязка. Я постараюсь поместить вход непосредственно в компонент таблицы
  • 0
    извините за опечатку это должно быть [value]
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню