Combobox datasource refresh

[Dave]

I have created a component which purely renders a kendoReact combobox that uses a datasource made by a SQL webservice (all self contained in the component). I then have this at the top of a form which will display data from the selected combobox item.

My question is if i amend or add a new record the combobox does not know that the data has changed and so does not refresh it's datasource. what is the best way to acheive this?

Many Thanks

 

[Stefan]

Hello, Dave,

The ComboBox component receives its data via the data prop. If the ComboBox data has to be updated then the data prop that is bound to it has to be updated as well.

This can be done by binding the value in the state of the component that renders the ComboBox.

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/ComboBoxProps/#toc-data

If the ComboBox does not know that the state is changed, we have to lift the state up in a parent component and update the ComboBox via props:

https://reactjs.org/docs/lifting-state-up.html

If additional assistance is needed, please share the source code of the component and the data source, as this will help us better understand the scenario.

Regards,
Stefan
Progress Telerik

[Dave]

Thanks Stefan, that helps a lot.