Angular - Как реализовать TreeView Table с фильтром - PullRequest
Новая
       34

Angular - Как реализовать TreeView Table с фильтром

0 голосов
/ 12 октября 2018

Я хочу построить таблицу дерева с сортировкой, используя PrimeNG и Angular 6. TreeTable есть в PirmeNG, но я хочу фильтр глобального поиска, чтобы можно было легко искать внутри узлов.

Я пробовал ng-treetable, но егоне работает.

1 Ответ

0 голосов
/ 12 октября 2018

В Primeng их нет в функции сборки для фильтра в TreeTable, как у нас в Turbotable.Но вы можете легко добиться этого, используя метод array () для массива.Создайте свое собственное окно поиска: 

 <input (keyup)="filterData($event)">

Вы можете вызывать метод по ключу вверх для фильтрации и использовать метод filter () массива.Предположим, что это ваши данные: 

this.heroes = [
            {name: “Batman”, franchise: “DC”},
            {name: “Ironman”, franchise: “Marvel”},
            {name: “Thor”, franchise: “Marvel”},
            {name: “Superman”, franchise: “DC”}
        ];

function filterData(e: string){
     this.heroes.filter(hero => {
     return hero.franchise == “e.target.value”; } ); 
     // instead of == you can use include method of string.

});
}

Подробнее см. Методы фильтрации: Array.filter Метод включения строки

...