Choosing default values ​​in KENDO UI Multiselect

Question

I have a multi-touch input kendo UI. I populate the values ​​with a JSON object. I want the first value to be selected. Based on the documents I gave below, but the value is still not selected.

$("#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

Since you configured dataValueField: "value" in the value array, you need to provide value property values ​​for the days objects.

So you just need to write value: [ "1" ] :

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

JSFiddle demo .

Answer 2

If you use server-side binding, you can do this ...

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