PrimeNg - невозможно отфильтровать p-таблицу с параметром

Я использую Angular 7 и библиотеку PrimeNg.

У меня проблема с p-таблицей:

<p-table #tasktable [columns]="displayedColumns" [value]="Tasks" [globalFilterFields]="['name']" [paginator]="true" paginatorPosition="both"
     rows="20" [autoLayout]="true" selectionMode="single" [(selection)]="selectedTask"
     [reorderableColumns]="true" >

Затем у меня есть текстовый ввод для глобального фильтра:

<input type="text" pInputText size="50" placeholder="Search by Task name" [(ngModel)]="filterFromUrl" (input)="tasktable.filterGlobal($event.target.value, 'contains')" style="width:auto">

Все идет нормально. иногда я получаю параметр внутри своего URL, чтобы получить его, я использовал в своем component.ts:

 this.activatedRoute.queryParams.subscribe(params => {
 this.filterFromUrl = params['task'];
});

И теперь у меня есть параметр из URL-адреса в моем параметре filterFromUrl. Моя проблема:

Я не могу заставить таблицу фильтровать данные по параметру.

Я использовал привязку [(ngModel)] в, это не работает, я вижу параметр в элементе управления поиском: введите описание изображения здесь

Но он просто не запускает событие и данные не фильтруются.


person Michael meshaev    schedule 17.03.2019    source источник
comment
не могли бы вы продемонстрировать свой код на stackblitz для ясности.   -  person Mahi    schedule 17.03.2019


Ответы (1)


Все, что вам нужно сделать, это добавить фильтры в таблицу (убедитесь, что она соответствует формату, ожидаемому таблицей), например:

@ViewChild("tasktable ") public table: Table;
this.table.filters = {global { value: 'SUBMIT_ORDER', matchMode: 'search' }};
person Zak Treister    schedule 11.04.2019