I am trying to implement cascading dropdown in kendo grid. Can someone please help me with the code.
Here is my editor code
@model ECRI.Phoenix.Core.ViewModels.EventResolutionViewModel
@(Html.Kendo().DropDownListFor(m => m)
.DataValueField("EventResolutionID")
.DataTextField("Resolution")
.Name("EventResolution")
// .BindTo((System.Collections.IEnumerable)ViewData["EventResolution"])
.DataSource(dataSource =>
{
dataSource.Read(read => read.Action("GetResolution", "CitationEvents").Data("filterResolution"))
.ServerFiltering(true);
})
.CascadeFrom("EventPriority")
.Enable(false)
.AutoBind(false)
)
<script type="text/javascript">
function filterResolution() {
//return EventOpenStatusID:{2}
// alert($("#EventPriority").val());
return {
EventOpenStatusID: $("#EventPriority").val()
};
}
</script>
it always thorws an error "filterResolution is undefined". I tried to return hardcoded value but it didn't help.
Thanks
Vandana
Here is my editor code
@model ECRI.Phoenix.Core.ViewModels.EventResolutionViewModel
@(Html.Kendo().DropDownListFor(m => m)
.DataValueField("EventResolutionID")
.DataTextField("Resolution")
.Name("EventResolution")
// .BindTo((System.Collections.IEnumerable)ViewData["EventResolution"])
.DataSource(dataSource =>
{
dataSource.Read(read => read.Action("GetResolution", "CitationEvents").Data("filterResolution"))
.ServerFiltering(true);
})
.CascadeFrom("EventPriority")
.Enable(false)
.AutoBind(false)
)
<script type="text/javascript">
function filterResolution() {
//return EventOpenStatusID:{2}
// alert($("#EventPriority").val());
return {
EventOpenStatusID: $("#EventPriority").val()
};
}
</script>
it always thorws an error "filterResolution is undefined". I tried to return hardcoded value but it didn't help.
Thanks
Vandana