我想使用 PrimeNG 和 Angular 6 构建带有排序的树视图表。PirmeNG 中有 TreeTable,但我想要全局搜索过滤器,以便可以轻松搜索内部节点。
我尝试了 ng-treetable 但它不起作用。
我想使用 PrimeNG 和 Angular 6 构建带有排序的树视图表。PirmeNG 中有 TreeTable,但我想要全局搜索过滤器,以便可以轻松搜索内部节点。
我尝试了 ng-treetable 但它不起作用。
在 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 字符串包含方法