在剑道用户界面多选中选择默认值

2022-07-23 00:00:00 javascript html kendo-ui

我有一个剑道用户界面多选输入。我正在用一个JSON对象填充值。我希望选择第一个值。基于我提供的文档,如下所示,但仍未选择该值。

$("#days").kendoMultiSelect({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: days,
                filter: "contains",
                value: [
                { text: "First", value: "1" },

            ]
            });

var days = [
    { text: "First", value: "1" },
    { text: "Second", value: "2" },
    { text: "Third", value: "3" },
    { text: "Fourth", value: "4" },
    { text: "Fifth", value: "5" }

            ];

解决方案

因为您已经在value数组中配置了dataValueField: "value",所以需要提供Days对象的value属性值。

所以您只需要写value: [ "1" ]

$("#days").kendoMultiSelect({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: days,
                filter: "contains",
                value: [ "1" ]
});

演示JSFiddle.

相关文章