Load on Demand OnChange event firing twice

[Admin]

Hi,

Currently I'm using this code to load a dropdownlist when the user clicks the down arrow.  (On Demand)

@(Html.Telerik().DropDownList().Name("AjaxDropDownList").DataBinding(binding => binding.Ajax().Select("_AjaxLoading","Home")).ClientEvents(events => events.OnChange("Editor_onChange")) )

The dropdown populates correctly however the OnChange Event seems to be firing 2 times.   The first value gets selected and calls Onchange before you have a chance to pick the correct value in the dropdown.

function Editor_onChange(e) {alert("OnChange called");}

Telerk Version: 2010.3.1318.340
ASP.NET 4.0 C# MVC3 Razor
Internet Explorer 8, Windows 7

[Georgi Krustev]

Hello Mike,

 The aforementioned behavior is expected. Change event will be raised on user click when SelectedIndex is set and the component is bind with Ajax. 

You can overcome this issue with the following code snippet:

function ddlDataBound(e) {
    var ddl = $(this).data("tDropDownList");
    var item = ddl.data[ddl.index];
    ddl.previousValue = item.Value || item.Text;
}

As you note, you will need to wire onDataBound client event and set internal previousValue variable to the correct value.

Best regards,
Georgi Krustev
the Telerik team