KENDO UI Multiselect中选择默认值

Question

我有一个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" }

            ];

- ckv

Answer 1

因为您在value数组中配置了dataValueField: "value"，所以您需要提供每个天数对象的value属性值。

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

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

示例 JSFiddle.

- nemesv

Answer 2

如果您正在使用服务器端绑定，则可以执行以下操作...

 @(Html.Kendo().MultiSelect()
               .Name("RolesVisibleToMultiSelect")
               .Placeholder("Select Roles...")
               .DataValueField("RoleId")
               .DataTextField("RoleName")
               .BindTo(Model.RequestDiscussion.RolesVisibleTo)
               .Value(Model.RequestDiscussion.RolesVisibleTo.Select(r => r.RoleId).ToArray()))

- LawMan