Pass Model to javascript change event from Kendo DropdownList

Question

Каков наилучший способ передать всю мою модель из выпадающего списка на событие изменения JavaScript. Я потратил несколько часов на это, не повезло

@model InputApp.DropdownModel 

@(Html.Kendo().DropDownListFor(m => m) 
     .Name(Model.Name) 
     .Text(Model.PlaceHolder) 
     .BindTo(Model.ListItems) 
     .DataTextField("Text") 
     .DataValueField("Value") 
     .Enable(Model.Enabled) 
     .Events(e => 
     { 
      e.Change("dropdown_change"); 
     }) 
     .HtmlAttributes(new {@id= Model.ID.ToString() }) 
) 



function dropdown_change() { 

} 

Любая помощь или просто указание на хорошие ресурсы будет оценена по достоинству.

Благодаря

Answer 1

Там нет никакого способа передать всю модель в обработчик JavaScript, потому что при использовании помощника ASP.Net, чтобы создать выпадающий список модель вынашивала не переплетена. Эквивалентом вспомогательного вывода будет только код JavaScript для генерации html с элементами данных. Однако вы можете получить информацию элемента данных, то вам нужно select событие вместо change:

.Events(e => 
{ 
    e.Select("onSelect"); 
}) 

И в JavaScript

function onSelect(e) { 
    var dataItem = this.dataItem(e.item); 
    console.log("event :: select (" + dataItem.Text + " : " + dataItem.Value + ")"); 
} 

См telerik demo подробности

Другим вариантом было бы передать всю модель на клиентскую сторону и привязать его с помощью JavaScript кендо, см. sample