I'm having an issue getting the selected item from the passed event, mostly because the demo uses "e.dataitem"
like this:
function onSelect(e) {
if ("kendoConsole" in window) {
var dataItem = e.dataItem;
kendoConsole.log("event :: select (" + dataItem.Text + " : " + dataItem.Value + ")");
}
}
@(Html.Kendo().MultiSelect()
.Name("JobIds")
.HtmlAttributes(new { style = "Width:700px; height:60px; overflow-y:scroll;", aria_label = "editor" })
.DataTextField("job_name")
.DataValueField("job_id")
.HeaderTemplate("<div class=\"dropdown-header\">" +
"<span style=\"width=350px\">Job Name</span>" +
"<span style=\"width=350px\">Parent Name</span>" +
"</div>\n <table>")
.ItemTemplate("<span class = \"namespan\">#: data.job_name #</span> <span class=\"parentspan\">#: data.job_parent #</span >")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("JobSearch", "SupportEditor");
})
.ServerFiltering(true);
})
.Events(e =>
{
e.Select("Job_onSelect")
})
function Job_onSelect (e) {
var dataItem = e.dataItem;
console.log("event :: select (" + dataItem.Text + " : " + dataItem.Value + ")");
}
The console reads:
event :: select (undefined : undefined)
The only way i have managed to pull data is with direct reference to the multiselect like below:
function Job_onSelect(e) {
console.log($("#JobIds").data("kendoMultiSelect").value().toString());
}