在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" } 

      ]; 

Answer 1

因为你有value阵列中配置的dataValueField: "value"您需要提供天对象的value属性值。

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

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

演示JSFiddle.

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()))