kendo ui Dropdown-Liste Standardwert

Question

Wie ist es möglich, eine Standardauswahl auf einer Dropdown-Liste mit Kendo ui und eckigen js zu setzen? Ich habe versucht mit k-Wert, aber es funktioniert nicht. Ich benutze angular 1.5 und es6. Ich möchte eine Liste von Benutzern anzeigen und jeder Benutzer hat eine ID. Vielen Dank !

<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

Sie können dies mit jQuery tun, fügen Sie das folgende Skript:

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

Answer 2

Sie können den Standardwert des Dropdownlist setzen den "Wert" Konfigurationsoption:

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

Also in Ihrem Fall würden Sie verwenden:

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 
     } 
     } 
    }; 

Wo habe ich "Wert" nach der Option "dataValueField" eingefügt.