[Solved] DropDownlist Client Selection bug

[Mudassar]

Hi guys,
 I am populating DropDownlist from server side and selects a specific item on client side, function selects required item properly
but does not update the value property so due to this OnChange client side event does not trigger for first time. Please take a look into this.  

@(Html.Telerik().DropDownList()
            .Name("DropDownList_ElegirMapa")
            .BindTo(new SelectList(Model.ElegirMapa, "Value", "Text"))
            .ClientEvents(events => events
                                   .OnChange("DropDownList_ElegirMapa_onChange")
                                   .OnLoad("DropDownList_ElegirMapa_OnLoad"))
            .HtmlAttributes(new { style = "width:400px" })
    )

Client Code 

function DropDownList_ElegirMapa_OnLoad(e) {
    var staticItem = [{ Text: "Por favor Seleccionar", Value: "-1"}];
    var ddlElegirMapa = $(this).data('tDropDownList');

    ddlElegirMapa.data = $.merge(staticItem, ddlElegirMapa.data);
    ddlElegirMapa.select(0);


}

[Georgi Krustev]

Hello Muhammad,

 
Unfortunately I was not able to replicate the depicted issue. Check this screen-cast and let me know if I am missing something. It will be really helpful if you can send a simple test project which replicated the described problem.

Regards,
Georgi Krustev
the Telerik team

[Mudassar]

Hi Georgi Krustev,
    Thanks for reply if you first select Chai OnChnage event willnt fire.


Regards,
Mudassir 

[Georgi Krustev]

Hello Muhammad,

 
You will need to use value() method in this case:

var staticItem = [{ Text: "Por favor Seleccionar", Value: "-1"}];
var ddlElegirMapa = $(this).data('tDropDownList');

ddlElegirMapa.data = $.merge(staticItem, ddlElegirMapa.data);
ddlElegirMapa.value("-1");

Regards,
Georgi Krustev
the Telerik team