Sélection des valeurs par défaut dans l'interface utilisateur KENDO Multiselect

Question

J'ai une entrée multisélect UI kendo. Je remplis les valeurs avec un objet JSON. Je veux que la première valeur soit sélectionnée. Basé sur la documentation que j'ai donnée ci-dessous mais la valeur n'est toujours pas sélectionnée.

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

Parce que vous avez configuré le dataValueField: "value" dans le tableau value vous devez fournir les valeurs des propriétés value des objets jours.

donc il vous suffit d'écrire value: [ "1" ]:

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

Démo JSFiddle.

Answer 2

Si vous utilisez côté serveur de liaison, vous pouvez le faire ...

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