How to filter a custom dropdown cell column in a grid with Kendo React

1 Answer 1337 Views
ComboBox Filter  Grid
Andrew
Top achievements
Rank 1
Andrew asked on 05 Nov 2021, 05:48 PM

Hello,

I am currently working to implement Kendo React grid column filters (specifically the GridColumnMenuFilter) on custom cell columns in a grid and have run into issues with our dropdown cell columns.

We are using the Kendo React combobox component as a custom cell in our grids, but are running into issues with the filtering due to the nature of the control having both a value and description which need to be different. Right now, when we type into our column menu filter, it is filtering the column based on whether the dropdown value (the code behind the description the user sees) matches the filter instead of trying to match the description (which is unhelpful for end users). Is there a way to have the column menu filter for this specific column use the description of the column instead of the value (without messing up the combobox displayed description) or will this likely take a lot of extra coding to implement? Any thoughts or feedback on this issue would be helpful!

Thanks,

Andrew

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 09 Nov 2021, 05:51 AM

Hello Andrew,

If you have an object field with id/value pairs and you want the data operations to be performed over the value field, you can set the inner field to the column directly. In the following example you can see the CategoryName column using a checkbox filter menu and standard filter over the value field (Category.CategoryName):

Hope this helps.

 

Regards,
Konstantin Dikov
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
ComboBox Filter  Grid
Asked by
Andrew
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or