0

我想使用 PrimeNG 和 Angular 6 构建带有排序的树视图表。PirmeNG 中有 TreeTable,但我想要全局搜索过滤器,以便可以轻松搜索内部节点。

我尝试了 ng-treetable 但它不起作用。

4

1 回答 1

0

在 Primeng 中,它们没有像在 Turbotable 中那样用于 TreeTable 中的过滤器的构建功能。但是您可以使用数组的 filter() 方法轻松实现这一点。创建自己的搜索框:

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

您可以在 key up 上调用方法进行过滤,并使用 Array 的 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 字符串包含方法

于 2018-10-12T17:26:44.000 回答