javascript - 创建剑道组合框后，存储在选择选项中的数据丢失

Question

初始化 kendo ui 组合框后，我遇到选项中缺少数据属性的问题。

我的选择如下所示:

<select id="users">
    <option value="1" data-message="OK1">User 1</option>
    <option value="2" data-message="OK2">User 2</option>
</select>

现在我基于此控件创建一个剑道组合框:

$("#users").kendoComboBox({
    change: function() {
        alert($("#users option:selected").attr("data-message"));
    }
});

结果是“未定义”。

“数据消息”存储值丢失。有什么方法可以将这些信息存储在组合框中吗？

我在这里发现了类似的问题:https://stackoverflow.com/questions/26769175/delete-stored-jquery-data-data-element-option-after-creating-a-kendo-combobox但仍然没有答案。

这里是用于测试上面代码的 telerik dojo:http://dojo.telerik.com/eyORO

请帮忙

问候

Answer 1

这实际上有点不寻常，因为像 TreeView 这样的其他小部件在创建时会保留其数据属性；无论如何，最好的选择是使用数据源:

<input id="users" />

$("#users").kendoComboBox({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: "User 1", value: "1", message: "OK1" },
        { text: "User 2", value: "2", message: "OK2"  }
    ],
    change: function() {
        console.log(this.dataItem().message);
    }
});