Adding Custom combobox with filtering functionality in grid incell editing

[Abhishek]

I want to add a custom combobox with filtering in incell grid editing.  I followed this example. But filtering is not working. Please help

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

[Konstantin Dikov]

Hello Abhishek,

You can refer to the following example on how to enable filtering for the ComboBox component:

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

Let us know if further assistance is needed.

 

Regards,
Konstantin Dikov
Progress Telerik

[Abhishek]

I am using custom combobox inside a grid. & i am performing in-cell editing . so i am facing some issue when i do filtering in the combobox

[Konstantin Dikov]

Hi Abhishek,

I modified your initial example to enable filtering for the custom ComboBox editor:

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

Hope this helps.

[Abhishek]

I am getting the dropdown values from an API call in the main component, how can i pass the response to DropDownCell ?

[Konstantin Dikov]

Hi Abhishek,

You can use React Context around the Grid to pass additional data to the custom cells. Here is an example demonstrating how you can use React Context:

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

[Abhishek]

I have dependency with the combobox & another column(textbox) in the grid. if i change a value in the combobox, the next column should show the value related to the selected value in the combobox

[Abhishek]

I was able to resolve the issue. I passed other variables in the grid context

[Abhishek]

I am getting the dropdown values from an API call in the main component, how can i pass the response to DropDwonCell ?