在 KENDO UI 多选中选择默认值

【问题标题】：Selecting default values in KENDO UI Multiselect在 KENDO UI 多选中选择默认值
【发布时间】：2013-07-27 05:38:10
【问题描述】：

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

            ];

【问题讨论】：

标签： javascript html kendo-ui

【解决方案1】：

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

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

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

演示JSFiddle.

【讨论】：

【解决方案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()))

【讨论】：