Need help on Global filter reset

[J]

HI,

I have implemented a button to clear all filters . On click i clear the filters object in data state and this does not clear the values entered in filter text box and clear filter button which is based on props.value .

Expected behavior : Once clear button is clicked - all filters should be reset with the filter textbox/ dropdown/Datepicker should be cleared and clear filter button in individual filter should be reset .

https://stackblitz.com/edit/react-aldgy2?file=src/app/main.js

https://react-aldgy2.stackblitz.io

 

Help me in achieving this

[Konstantin Dikov]

Hello,

Thank you for providing an example demonstrating the issue.

After some debugging and clearing some of the code (to make the approach more clear) I was able to make the input to clear correctly:

• https://stackblitz.com/edit/react-ncs86r?file=src%2Fapp%2FfilterTextCell.js

Note that the input is bound to the value passed from the properties and not to a state value in the custom filter.

The same principle, which is also demonstrated in the following help topic, should be applied to all custom filter components:

• https://www.telerik.com/kendo-react-ui/components/grid/filtering/

 

Best Regards,
Konstantin Dikov
Progress Telerik

[J]

hi,

 

in the updated sample you shared , i still see the textbox and clear filter is not cleared

[Konstantin Dikov]

The same issue is present for the DatePicker. Please follow the suggested approach from the documentation and the example and bound "props.value" to the filters:

• https://stackblitz.com/edit/react-4bfn2y?file=src%2Fapp%2FrangeFilterDate.js

            <DatePicker
              value={props.value}