How to modify KendoUI DropDownList items

Question

We used the Kendo UI DropDownList the first time without binding with knockout. Via jquery a usual html input is transformed into a KendoUI DropDownList. But how can i remove/edit/add items to the options?

If i modify the html inputs options via jquery it has no influence on the kendoui dropdown - even with a refresh call afterwards.

Any ideas how to do this? Thanks

Answer 1

Yo mate

You should use the dataSource of the combobox. e.g.

var ds = $('#YourCombo').data().kendoComboBox.dataSource;

then you can modify the items like this

//someIndex is the index of the item in the dataSource
ds.data()[someIndex].set("text","Cool! its changed");

to add item or remove use the add and remove methods of the dataSource

ds.add({text:"Test again!",value:"5"});