Primeng table filter 重置条件

 我用一个overlayPanel装了p-table,里面有个count的filter,但是我设置值之后,让overlayPanel消失,再出现的时候,明明已经重新设置了表里面的数据和filter的变量值,但是上一次的条件仍然在,旁边的文字filter依然是会有这种情况

Primeng table filter 重置条件_第1张图片

方法1

知道我看到number filter 那个叉叉icon的click方法,他就是清空number搜索条件的,他不仅需要把搜索条件置空,还需要手动调用一次他的filter方法(我这个panel就是我给table的变量名 #panel) ,我debug了看了,filterMatchMode传入的时候如果是数字就是null,如果是string就是contant,所以只需要在html你需要重置的地方,设置filter为null然后调用这个方法,因为我这个filed就叫count,所以我直接hardcode了count,因为我需要在其他外部dom调用,里面没有他的col变量了,但是可以call到panel。这个是单独清除某个一filter的搜索条件Primeng table filter 重置条件_第2张图片

Primeng table filter 重置条件_第3张图片

ontentCountFilter = null; panel.filter(null, 'count', null)

这就是点击出现 overlayPanel的地方,我就在这里加上清楚所有搜索条件的方法

Primeng table filter 重置条件_第4张图片

方法2 (推荐) 

直接调用他的reset方法,但是要记得改变filter的值,不然页面显示也会有bug 

Primeng table filter 重置条件_第5张图片

Primeng table filter 重置条件_第6张图片

你可能感兴趣的:(Primeng,Angular,angular)