I don't get where you're getting 'Age' from, that's confusing...
I have 3 drop downs, Category, Department, Configuration. They are bound as columns in the Grid like this:
columns.Bound(e => e.Category).ClientTemplate("#=Category.CategoryName#").Title("Category");
columns.Bound(e => e.Department).ClientTemplate("#=Department.DepartmentName#").Title("Department");
columns.Bound(e => e.Configuration).ClientTemplate("#=Configuration.ConfigurationName#").Title("Configuration");
if I try to implement your onChange function event handler I can retrieve the Category drop down in the way that you specify but the Configuration drop down returns undefined. To Illustrate:
function onCategoryChange(e) {
var catDD = $("#Category").data("kendoDropDownList");
alert("cat is '" + catDD.value() + "'"); //displays correct value
var configDD = $("#Configuration").data("kendoDropDownList");
alert("config is '" + configDD.value() + "'"); //TypeError: configDD is undefined
}
oddly, if I add an event handler to the Change event of the Configuration drop down, it will print out 'Configuration' :
function onConfigurationChange(e) {
var id = this.element.attr("id");
alert("ID is '" + id + "'"); //displays Configuration
}
Its like it doesn't think the Configuration drop down exists unless you are interacting with it directly. Any idea what is going on here?