Hi
I am trying to Cascade a Multi select from a drop down list and am having issues getting the value of the dropdown list to pass into the controller.
My Drop down code is:
<h4 style="margin-top: 2em;">Sub Sub Category:</h4>
@(Html.Kendo().DropDownList()
.Name("category3")
.OptionLabel("Select Sub Sub Category")
.DataTextField("Description")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read => { read.Action("GetCategory3", "CampaignSimple").Data("filterCategory3"); }).ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("category2")
.Events(e => e.Select("select"))
)
<script>
function filterCategory3() {
return {
category2: $("#category2").val()
};
}
</script>
And my MultiSelect code is:
<h4 style="margin-top: 2em;">Ad Group</h4>
@(Html.Kendo().MultiSelect()
.Name("adgroup")
.Placeholder("Select AdGroup")
.DataTextField("Description")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read => { read.Action("GetAdGroups", "CampaignSimple").Data("filterAdGroups"); }).ServerFiltering(true);
})
.AutoBind(false)
.Enable(false)
)
<script type="text/javascript">
function filterAdGroups() {
return {
category3: $("#category3").val()
};
}
function select(e) {
var dropdownlist = $("#category3").data("kendoDropDownList");
dropdownlist.select(e.item.index());
var multiselect = $("#adgroup").data("kendoMultiSelect");
multiselect.dataSource.read();
multiselect.enable(true);
};
</script>
When I select an item from the drop down list it does go into the the controller method but the parameter is always null.
Any ideas?
Thanks in advanced