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

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

<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);
    }
});