DropDownListFor - clear items and repopulate with JS

[Shahar]

Hi,
I have a DropDownList that is initially binded on the server side with BindTo method (I am using DropDownListFor).
On the client (JS code) I need to clear its items and then repoppulate the control with other items.
What is the best practice to accomplish this?

Thanks,
Lauri

[Petur Subev]

Hello Shachar,

Basically to control what items are used by the DropDownList you need to use the dataSource objects and its methods.

In your case you will need to get reference to the client object and use the dataSource.data() method. 

e.g.

var ds = $('#ddlName').data().kendoDropDownList.dataSource;
ds.data([{PersonID:1,FirstName:"Shachar"},{PersonID:2,FirstName:"Petur"}])
// make sure that the objects that you use to populate the dataSource have the same fields as the ones that you specified in the DataTextField and DataValueField of your DropDownList

I hope this helps.

Kind Regards,
Petur Subev
Telerik