Can the GridColumnMenuCheckboxFilter component be used alone without Grid?

[Hu]

Hi All,

In our project, we need to use a component such as the checkbox filter in the Grid alone to implement business functions. Can the one marked in the red box be used alone as an independent component? Thank you.

If it cannot be used alone, which component do you recommend to use to achieve similar functions, thank you very much

[Konstantin Dikov]

Hello Hu,

The Search input will filter the data with startsWith and for changing the behavior you can implement custom search component as shown in the following example:

• https://stackblitz.com/edit/react-koundv-zfibfn?file=app%2Fmain.jsx

You can further customize it to meet your exact requirements. 

 

Best Regards,
Konstantin Dikov
Progress Telerik

[Hu]

Wow, that's great, I will learn more about kendo.

Best Regards,
Sunny

 

[Hu]

Hi Konstantin Dikov,

There is another scenario when we use this component. We need to control certain items in the list to be disabled based on conditions. In other words, the user cannot check the checkbox. We want to know whether our component supports this function.

 Looking forward to your reply.

Best Regards,
Sunny

[Konstantin Dikov]

Hi Sunny,

I have to say that the GridColumnMenuCheckboxFilter does not support disabled items, so if you want the user to not select particular items, you must remove them from the array set in the "data" property. 

[Hu]

Thanks for your reply, I will do this

[Konstantin Dikov]

Hi Hu,

Thank you for contacting us.

You can use the GridColumnMenuCheckboxFilter as a separate component for returning filter expressions. For using the GridColumnMenuCheckboxFilter you will have to pass a "column" object with a "field" and the "data". You can customize it by wrapping it within a Popup component if you want to display it in a popup.

For your convenience, following is an example demonstrating such implementation:

• https://stackblitz.com/edit/react-koundv-xc7fpn?file=app%2Fmain.jsx

Note that I have created a new component that handles the open state, the filter state and displays the checkbox in a popup.

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

[Hu]

That's cool, thanks a lot.

[Hu]

Hi Konstantin Dikov,

Another question, if the ProductName appears in the format abc.uvw, it cannot be searched through uvw. Looking forward to your reply.

Nxwg9k (forked) - StackBlitz

[Hu]

Hi Konstantin Dikov,

I found that this component can only be collapsed by clicking the Filter button. Is it possible to support clicking elsewhere on the page to collapse it?