【问题标题】:Reset filter p-tree primeng重置过滤器 p-tree primeng
【发布时间】:2022-01-05 17:55:05
【问题描述】:
我正在为我的问题寻找解决方案。我正在使用 PrimeNG 树作为备用菜单。当我单击屏幕中的按钮进行导航时,将使用新选项重建树。但是,在第一个菜单中,如果我使用 p 树的过滤器搜索选项,过滤器工作正常,但是,如果我导航,过滤器会保留输入文本,并且在我清理输入之前不会显示第二个菜单中的选项过滤器。
¿是否可以自动清洁过滤器?
我附上图片了解更多详情。
预期行为:
当前行为
HTML 代码是:
<p-tree [value]="files3" [filter]="true" filterMode="strict" selectionMode="single" scrollHeight="200px"></p-tree>
谢谢
【问题讨论】:
标签:
html
filter
tree
primeng
【解决方案1】:
我回答我的问题
需要给html元素赋予id并执行函数Tree resetFilter()
HTML 代码:
<p-tree #tree [value]="files3" [filter]="true" filterMode="strict" selectionMode="single" scrollHeight="200px"></p-tree>
然后,在 TS 中:
@ViewChild('tree') tree;
this.tree.resetFilter();