使用 kendo ui 按值更改/修改下拉列表文本答案

【问题标题】：change/modify the dropdownlist text by value using kendo ui使用 kendo ui 按值更改/修改下拉列表文本
【发布时间】：2015-07-21 00:41:06
【问题描述】：

我正在使用 Teleriks Kendo UI，希望它能让我的生活更轻松（尚未证明）。目前我实现了一个由 JSON php 脚本填充的 kendoui 下拉列表（#gamelist）。到目前为止效果很好…… 我现在想更改（未设置）此下拉列表中的选项文本（我知道下拉列表外部的值）。我在 Teleriks 示例页面上找不到任何有关更改选项条目的值和/或文本的信息：http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist

到目前为止，我无法做到。直接用 JQuery 显示文本：

alert($("#gamelist option:selected").text());

-> 空消息框

我必须在 KendoUI 方面这样做：

var dropdownlist = $("#gamelist").data("kendoDropDownList");
alert(dropdownlist.text());

-> 在下拉列表中显示当前选择的条目

所以我不允许更改以下选项的文本：

$('#gamelist option[value=37]').text('Chess');

直接使用 JQuery 听起来很容易，但在 Teleriks 方面不起作用。如何在 KendoUI 的下拉列表中更改文本？有谁知道吗？

【问题讨论】：

标签： text drop-down-menu telerik

【解决方案1】：

经过更深入的搜索，我可以找出解决方案。如何更改 Kendo UI 选项列表中的（特定）选项文本：

var dropdownlist = $("#gamelist").data("kendoDropDownList");
dropdownlist.dataItem().title = '<desired_text>'; 
dropdownlist.refresh();

这将更改当前显示条目的选项文本。如果要更改另一个选项的文本，可以在 dataItem() 上传递索引值（从 0 开始）。 refresh() 对于显示更改的文本很重要。

【讨论】：