On Adding Events, DropDownList Becomes A TextBox

[Graham]

The following dropdownlist works fine:

 

    @(Html.Kendo().DropDownList()
            .Name("TrunkDepotsList")
            .HtmlAttributes(new { style = "width: 70px;" })
            .DataTextField("DepotNumber")
            .DataValueField("DepotID")
            .BindTo(Model.DepotList)
            .SelectedIndex(Model.DepotIndex)
    )

 

However - when I add an event handler, it turns into a textbox:

 

    @(Html.Kendo().DropDownList()
            .Name("TrunkDepotsList")
            .HtmlAttributes(new { style = "width: 70px;" })
            .DataTextField("DepotNumber")
            .DataValueField("DepotID")
            .BindTo(Model.DepotList)
            .SelectedIndex(Model.DepotIndex)
            .Events(e =>
            {
                e.Change("refreshTrunkSummaryPage");
            })
    )

 

For reference, here's my event handler script:

 

function refreshTrunkSummaryPage() {
        alert('refresh running');

        ...etc

}

[Nencho]

Hello Graham,

I have tested your implementation and it is correct. Could you check for any js errors in your browser console, because such may cause the incorrect initialization of the DropDown, hence the observed textbox will appear? Make sure that any brackets in the script section of your page are correctly closed.


Regards,
Nencho
Telerik by Progress