如何修改 KendoUI DropDownList 项

Posted

技术标签:

【中文标题】如何修改 KendoUI DropDownList 项【英文标题】:How to modify KendoUI DropDownList items 【发布时间】:2012-05-07 09:30:52 【问题描述】:

我们第一次使用 Kendo UI DropDownList 时没有绑定淘汰赛。 通过 jquery,通常的 html 输入被转换为 KendoUI DropDownList。 但是我怎样才能删除/编辑/添加项目到选项?

如果我通过 jquery 修改 html 输入选项,它对 kendoui 下拉菜单没有影响 - 即使之后有刷新调用。

任何想法如何做到这一点? 谢谢

【问题讨论】:

【参考方案1】:

哥们儿

您应该使用组合框的dataSource。 例如

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

然后你可以像这样修改项目

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

要添加或删除项目,请使用数据源的 addremove 方法

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

【讨论】:

OP 实际上是在询问 kendoDropDownList 但我发现这种方法对 DropDownLists 和对 ComboBoxes 一样有效 在这种情况下,我将什么定义为我的数据源?我需要数据源吗?

以上是关于如何修改 KendoUI DropDownList 项的主要内容,如果未能解决你的问题,请参考以下文章

从 View 中读取 Control DropDownList

Kendo UI 级联 DropdownList 是如何工作的?

Kendo UI 将 DropDownList 添加到 Grid (MVC)

Kendo UI DropDownList on change to trigger event

KendoUI 设置下拉列表的宽度

在 KendoGrid 中重新绑定 DropDownList,取决于在同一行的其他 DropDownList 中选择的值