Question

我想使用PrimeNG和Angular 6进行排序来构建树视图表。TreeTable在PirmeNG中存在，但我希望使用全局搜索过滤器，以便可以轻松搜索内部节点。

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

Answer 1

在Primeng中，像在Turbotable中一样，它们在TreeTable中没有过滤器的内置功能。但是，您可以使用array的filter（）方法轻松实现此目的。创建自己的搜索框：

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

您可以按向上键调用method进行过滤，并使用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 String include method

Angular-如何使用过滤器实现TreeView Table

1 个答案: