Je veux définir des valeurs muliplte dans mon DROPDOWNLIST dans l'interface utilisateur kendo, mais DataTextField attribut qu'il accepte une seule valeur

Question

Voici mon code Exemple:

> $("#User").kendoDropDownList({ 
     dataTextField: "UserName", 
     dataValueField: "UserID", 
     dataSource: users, 
     optionLabel: "Select", 
    }).data("kendoDropDownList").value(UserID); 

L'attribut DataSource est défini sur l'objet « utilisateurs » qui consiste en des valeurs associées. Maintenant, avec la valeur d'affichage « UserName », je veux ajouter la valeur de « genre » et qui vient de l'objet 'utilisateurs, à mon écran DropDownList.

Answer 1

Vous devez utiliser l'option template pour ce faire. Voici le code:

$("#dropdownlist").kendoDropDownList({ 
    dataSource: [ 
    { UserName: "Jane Doe", Gender: "Female" }, 
    { UserName: "John Doe", Gender: "Male" } 
    ], 
    dataTextField: "UserName", 
    template: '#: UserName # (#: Gender #)' 
}); 

Et live demo.