Checkbox Filter menu

[Layla]

Hi there! We are using GridColumnMenuCheckboxFilter to filter a numeric column for a field called "fruits" in our data grid. The filtering works fine, but we would like to see the checkbox filter menu display a different label name, conditionally.

For example, if we have the checkbox filter menu showing the options(checkbox label) as numeric values -1, 0, 1. Please see attached image.

Is it possible to update the text for the checkbox label? like if the value for "fruits" = -1 then display the label as "Apples",  if the value for "fruits" = 0 then display the label as "Oranges",  or if the value for "fruits" = 1 display as "Bananas", etc?

[Konstantin Dikov]

Hello Layla,

I have to say that there is no built-in option for changing the values in the GridColumnMenuCheckboxFilter and this is mainly due to the fact that by default, the end user will see the field values in the columns and it would be expected to have the same values in the checkbox filter menu.

However, it is possible to manually map the values before setting them to the GridColumnMenuCheckboxFilter and then manually convert them back when the filter is applied. I have an example that adds a currency symbol to numeric values (which is a modification of the values) and converts them back to numeric values when the filter is applied:

• https://stackblitz.com/edit/react-sjotkk-tzmuxy?file=app%2FcolumnMenu.jsx,app%2Fmain.jsx

I would personally recommend to have separate field to which you can bind the column that will have the string values.

 

Regards,
Konstantin Dikov
Progress Telerik