创建 kendo 组合框后，存储在 select 选项中的数据丢失

Question

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

我的 select 看起来像这样：

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

现在我基于这个控件创建一个 kendo 组合框：

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

结果是 "undefined".

'data-message' 存储值丢失。有没有办法将这些信息存储在组合框中？

我在这里发现了类似的问题：但仍然没有答案。

这里是 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);
    }
});

创建 kendo 组合框后，存储在 select 选项中的数据丢失

Data stored in select option is missing after create kendo combobox

javascript

kendo-ui

kendo-combobox