创建kendo组合框后,缺少存储在select选项中的数据

时间:2015-02-27 11:51:04

标签: javascript kendo-ui kendo-combobox

初始化kendo ui组合框后,我在选项中缺少数据属性时出现问题。

我的选择看起来像这样:

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

,结果是&#34;未定义&#34;。

&#39;数据消息&#39;存储的值丢失了。有没有办法将这些信息存储在组合框中?

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

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

请帮忙

此致

1 个答案:

答案 0 :(得分:0)

这实际上有点不寻常,因为像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);
    }
});