Фильтр PrimeNG с использованием объекта массива - PullRequest
Новая
       26

Фильтр PrimeNG с использованием объекта массива

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

Я хотел знать, возможно ли использовать массив объектов для фильтрации чего-либо в таблице?

Я использую Angular 6 и PrimeNG 7

Мой р-стол выглядит так: 

<p-table #table class="ui-table ui-table-responsive" [value]="arrays"  [columns]="cols" >
    ...
    <div class="col-xl-4">        
    <i class="fa fa-search" style="margin:4px 4px 0 0"></i>
    <input type="text" pInputText size="50" placeholder="Rechercher" (input)="table.filter($event.target.value, cols['sort'], 'contains')" style="width:auto">
    </div>
    ...
<p-table>

Я хочу использовать filter () , а не globalFilter () , потому что мне нужно указать поле, которое я хочу отфильтровать.

Содержание cols это: 

this.cols = [
  { field: 'number', sort: 'number', header: 'The number' },
  { field: 'type', sort: 'type', header: 'The type' },
  { field: 'place', field2: 'placeName', sort: 'place.placeName', header: 'The place'},
  { field: 'city', field2: 'cityName',  sort: 'city.cityName', header: 'The city' },
  ...
  ...
];

На данный момент мой фильтр не работает ..

1 Ответ

1 голос
/ 21 марта 2019

вы не передаете столбец для поля col.field, передаете ваш столбец 

(input)="dt.filter($event.target.value, col.field, col.filterMatchMode)"
...