Adding Custom Combobox cell in kendo react grid.

[Abhishek]

I am trying perform inline edit in the grid. when the grid is in edit mode, i want to have a custom combobox cell. I got the values in the combobox also. but the selected value is not flowing to the grid when i click on update button.  The values in the combo box is key value pair.

I followed the first example in the link:      https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-custom/

[Wissam]

Hi, Abhishek,

I updated the example to use the ComboBox (with its data set to an array of objects) as a custom cell editor for the Grid component:

• https://stackblitz.com/edit/react-5l9wj4?file=app%2FmyDropDownCell.jsx

I hope this helps.

Regards,
Wissam
Progress Telerik

[Abhishek]

Thank You Wissam.

[Wissam]

You are welcome, Abhishek.

[Abhishek]

How can i add a filtering in combobox in the above example?

[Wissam]

Hello, Abhishek,

You can achieve this by setting filterable to `true` and handling the onFilterChange event to update the data with the new filtered data.

For convenience, I updated the previous example with this implementation:

• https://stackblitz.com/edit/react-5l9wj4-6bq3yp?file=app%2FmyDropDownCell.jsx

For more information on filtering for the ComboBox component, check the following article:

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

Let me know if you have any questions on this matter.

Regards,
Wissam
Progress Telerik