This is a migrated thread and some comments may be shown as answers.

Grid with Cascading Dropdown Lists

1 Answer 1268 Views
Grid
This is a migrated thread and some comments may be shown as answers.
cra
Top achievements
Rank 1
cra asked on 21 Jan 2016, 04:55 PM

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?

1 Answer, 1 is accepted

Sort by
0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 21 Jan 2016, 10:19 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
cra
Top achievements
Rank 1
Answers by
Patrick | Technical Support Engineer, Senior
Telerik team
Share this question
or