使用kendo UI改變/修改下拉列表文本的價值

Question

我正在與Teleriks Kendo UI合作，希望它能讓我的生活更輕鬆（尚未證明）。目前我實現了一個由JSON php腳本填充的kendoui下拉列表（#gamelist）。到目前爲止效果很好......。 我現在想改變（不設置）這個下拉列表中的選項的文本（我知道從下拉列表之外的值）。我找不到任何有關在Teleriks示例頁面更改選項條目的值和/或文本的任何信息。直接顯示與JQuery的文本：

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

- >空的消息框

取而代之的是我必須這樣做，在KendoUI側這樣：

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

- >顯示當前選擇的在下拉列表中輸入

因此，我不允許更改以下選項的文本：

$('#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（）對於顯示已更改的文本很重要。