clear all active filter button

1 Answer 516 Views
Filter  Grid Menu
Eti
Top achievements
Rank 1
Eti asked on 18 May 2021, 03:05 PM

Hey, 

i am using react and the program does not use Jquery. i want to achieve this:

https://stackblitz.com/edit/react-pew4cw?file=app/main.jsx

A way to clear all active filters from a single button above the grid. but while this example works with droplist. ive tried to apply it wo GridColumnMenuFilter and its CheckBox filter. such that the examples (eg, custom component or checkbox) below would have a clear button above the grid that clears filters.

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/

i've also tried to apply the FilterBy using the clear in js but am certain i am implementing that properly. shown in image. i can make use if th eis active to style it so far.

 

 

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 19 May 2021, 10:31 AM

Hello, Eti,

Thank you for the details.

The logic is similar, we need to clear the filter field of the dataState object.

I made an example showcasing this:

https://stackblitz.com/edit/react-i1j6af?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Filter  Grid Menu
Asked by
Eti
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or