Question

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

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

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

- ＆GT;空消息框

而不是我必须在KendoUI方面这样做：

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

- ＆GT;在下拉列表中显示当前所选条目

所以我不允许更改选项的文字，如：

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

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

Answer 1

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

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

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

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

1 个答案: