How do I bind existing DropDownList to client-side data?

[Jon]

I have the data I want to bind to already on the client. How can I bind to it?

Trying this:

var dropdownList = $('#list').data("kendoDropDownList");

dropdownList.dataSource.data([{ text: "i1", value: "1" }, { text: "i2", value: "2" }, { text: "i3", value: "3"}]);

Does not work. Please help.

[Iliana Nikolova]

Hello Jon,

To achieve this you could create a new DataSource instance and bind the DropDown widget to it. For example: 

var myData= [
   { text: "i1", value: "1" },
   { text: "i2", value: "2" },
   { text: "i3", value: "3"}
];

 var dataSource = new kendo.data.DataSource({
   data: myData
});

$("#list").kendoDropDownList({
   dataSource: dataSource
   //....
});

More detailed information about the DataSource component and its configuration options is available at this topic from our online documentation.

 

Greetings,
Iliana Nikolova
the Telerik team