kendo ui выпадающий список по умолчанию значение

Question

как можно установить выбор по умолчанию в dropddownlist с kendo ui и угловыми js? Я попытался с k-значением, но он не работает. Я использую угловые 1.5 и es6. Я хочу отобразить список пользователей, и каждый пользователь имеет идентификатор. Благодаря !

<select kendo-drop-down-list="vm.dpwnN1" 
     class="col s5" 
     id="idUtilisateurResponsableN1" 
     name="idUtilisateurResponsableN1" 
     k-options="vm.responsableN1Options" 
     k-value="vm.utilisateur.id_utilisateur_responsable_n1" 
     ng-model="vm.utilisateur.id_utilisateur_responsable_n1" 
     > 
</select> 

this.responsableN1Options = { 
     dataSource: { 
     transport: { 
      read: promise => { 
      this.getDataForN1(promise); 
      } 
     } 
     }, dataBound:() => { 
     this.utilisateur.id_utilisateur_responsable_n1 = this.dpwnN1.value(); 
     }, 
     optionLabel: 'Choisissez votre responsable (N+1)', 
     dataTextField: 'nom', 
     dataValueField: 'id', 
     template: '{{dataItem.nom}} {{dataItem.prenom}}', 
     valueTemplate: 'Responsable (N+1) : {{dataItem.nom}} {{dataItem.prenom}}', 
     animation: { 
     close: { 
      effects: 'fadeOut zoom:out', 
      duration: 300 
     }, 
     open: { 
      effects: 'fadeIn zoom:in', 
      duration: 300 
     } 
     } 
    }; 

Answer 1

Вы можете сделать это с помощью JQuery, добавьте следующий скрипт:

<script> 
$(document).ready(function(){ 
var dropdownList = $("#idUtilisateurResponsableN1").data("kendoDropDownList"); 
dropdownList.select(0); // in this case first option will be default value. 
})  
</script> 

Answer 2

Вы можете установить значение по умолчанию DropDownList с помощью "значение" опции конфигурации:

http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#configuration-value

Так что в вашем случае вы бы использовали:

this.responsableN1Options = { 
     dataSource: { 
     transport: { 
      read: promise => { 
      this.getDataForN1(promise); 
      } 
     } 
     }, dataBound:() => { 
     this.utilisateur.id_utilisateur_responsable_n1 = this.dpwnN1.value(); 
     }, 
     optionLabel: 'Choisissez votre responsable (N+1)', 
     dataTextField: 'nom', 
     dataValueField: 'id', 
     value: vm.utilisateur.id_utilisateur_responsable_n1, 
     template: '{{dataItem.nom}} {{dataItem.prenom}}', 
     valueTemplate: 'Responsable (N+1) : {{dataItem.nom}} {{dataItem.prenom}}', 
     animation: { 
     close: { 
      effects: 'fadeOut zoom:out', 
      duration: 300 
     }, 
     open: { 
      effects: 'fadeIn zoom:in', 
      duration: 300 
     } 
     } 
    }; 

Где я вставил «значение» после опции «dataValueField».