Question

I have a Kendo UI Grid on my Razor Layout which fetches data from the controller.

In this grid I wish to have a set of 3 DropDownLists which are:

ProductGroups, Products, Services

The behaviour I wish to implement is, when I Add a row to the Grid, I choose ProductGroups first, and the Products DropDown is updated with products list filtered by GroupId (value). Then select Product and like the first one, update the Services DropDown with services filtered by productId (value).

I don’t quite know how to achieve this, can anyone please help me?

Thank you all for your help.

Best Regards.

Answer 1

The easiest way would be to use the cascading dropdownlists:
http://demos.kendoui.com/web/dropdownlist/cascadingdropdownlist.html
inside of the editor templates for each of these columns.

If you are using popup editing you might consider customizing the popup menu like here:
http://www.kendoui.com/code-library/mvc/grid/custom-popup-editor.aspx

If you are using InLine editing you should use this approach to customize the editor templates:
http://docs.kendoui.com/documentation/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/editor-templates

If you are using InCell – lets just say its not possible.