DropDownList set value with javascript

[Louis]

Hello,

When I add a new row in my grid, I need to change the item of my dropDownlist (in editorTemplate) (actually the first item) for the second one or third one.

In the edit.cshtml page, this is the field in the Grid :

...
columns.ForeignKey(c => c.NoTypeEtape, (System.Collections.IEnumerable)ViewBag.DropDownListTypesEtape, "NoTypeEtape", "DescriptionTypeEtape_fr").Width(100);
....

I try since few hours and I cannot find how to change the value of my dropdownlist (and the text associate with) :

var lst = $('#NoTypeEtape').data('tDropDownList');

I try with previousValue and so on... Any suggestion?

[Petur Subev]

Hello Louis,

You can modify the GridForeignKey editor template (which is used to render the ForeignKey column) so if its used for the property which index you want to change, set the selected index to be the desired one.
e.g.

@(Html.Telerik().DropDownList()
    .Name(ViewData.TemplateInfo.GetFullHtmlFieldName(""))
    .BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"])
        .SelectedIndex(ViewData.TemplateInfo.GetFullHtmlFieldName("") == "NoTypeEtape" ? 1 : 0)
)

This way the initial selected index will be set to 1 when the property name is NoTypeEtape.
I hope this helps.

Regards,
Petur Subev
the Telerik team

[Louis]

A big thank you Petur for your precious help.

But I need to change it regarding the last row of my Grid (the dropdownlist in my new now edit row must be the same value that the same column of the last row).  So, I think I have to manipulate it in JavaScript.  I'm right?

[Louis]

Hey Petur,

Thank you for all, I found it in your demo at :
http://demos.telerik.com/aspnet-mvc/razor/combobox/clientsideapi

        function selectItemInDropDownList()
{
var dropDownList = $("#DropDownList").data("tDropDownList");
var index = $("#dropDownListItemIndex").data("tTextBox").value();
dropDownList.select(index);
}