Grid with Cascading Dropdown Lists

[cra]

Hello all,

 

I am having difficulties wiring up cascading dropdown lists in a Grid.

 

I have a Grid bound to a remote datasource. The Grid is set to inline edit mode.

I have a custom editor created for two columns (Make, Model).

When a row is edited I need the currently selected Make to be selected in make DropDown and the currently selected Model to be selected in the model dropdown. However I cannot seem to get the ID of the currently selected Make when a row becomes editable so that I can make an API call to get the valid makes for the selected Model to populate the model dropdown. And I cannot just reference the selected value of the Make dropdown because it isn't initialized yet.

 

 

 

Any thoughts?

[Patrick | Technical Support Engineer, Senior]

Hello Christopher,

Take a look at our documentation which includes a sample of a Kendo Grid with Cascading DropdownLists. 

If you would like to see the brandId you are currently editing, you can include this code into your grid:

edit: function(e){
        console.log("Brand(Make) ID: " + $("#brandId").val());
    },

This will fire on the edit event and will show the brandId of the current row in the console.

Please let me know if you have any questions.

Regards,
Patrick
Telerik