Adding Custom Combobox cell in kendo react grid.

1 Answer 58 Views
ComboBox Grid
Abhishek
Top achievements
Rank 2
Iron
Iron
Iron
Abhishek asked on 09 Nov 2023, 01:30 PM

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/

1 Answer, 1 is accepted

Sort by
1
Wissam
Telerik team
answered on 13 Nov 2023, 10:36 AM

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:

I hope this helps.

Regards,
Wissam
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Abhishek
Top achievements
Rank 2
Iron
Iron
Iron
commented on 13 Nov 2023, 01:43 PM

Thank You Wissam.
Wissam
Telerik team
commented on 13 Nov 2023, 02:32 PM

You are welcome, Abhishek.
Abhishek
Top achievements
Rank 2
Iron
Iron
Iron
commented on 25 Mar 2024, 05:29 PM

How can i add a filtering in combobox in the above example?
Wissam
Telerik team
commented on 27 Mar 2024, 08:42 AM

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:

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

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

Regards,
Wissam
Progress Telerik
Tags
ComboBox Grid
Asked by
Abhishek
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Wissam
Telerik team
Share this question
or