Change event: e.item is null

[David A.]

Hi,
1) I am using the following code in the Change event:

@(Html.Kendo().DropDownListFor(m => m.Page.PageSource)
                          .DataTextField("Text")
                          .DataValueField("Value")
                          .BindTo(Model.PageSourceList)
                          .Value(Model.Page.PageSource)
                          .Enable(!Model.Page.IsSystem)
                          .HtmlAttributes(new { id = "source" })
                          .Events(e=>e.Change(@<text>
                          function(e) {
                            alert(e.item);
                          }</text>)))

and I get "undefined" when I change the item in the select list.

2) Is there a way to have this event fire initally when the page loads?

Thank you,
David A

[Georgi Krustev]

Hello David,

 
Straight upto your questions:

1. The Change event of the Kendo DropDownList does not have "item" argument. If you need to get the selected data item, you can use the dataItem method. Check the API reference.

2. The DropDownList is designed to not raise change event on initial load. You can trigger it manually:

@(Html.Kendo().DropDownListFor(m => m.Page.PageSource)
                          //erased for brevity
                          .Events(e=>e.Change(@<text>
                          function(e) {
                            alert(e.item);
                          }</text>)))

<script>
      $(function() {
         var ddl = $("#Page_PageSource").data("kendoDropDownList");
          if (ddl) {  ddl.trigger("change"); }
      });
</script>

Regards,
Georgi Krustev
the Telerik team