Comment remplir une liste Razor DropDownList avec une liste dans MVC ?

Remplir Razor DropDownList avec une liste dans MVC

Dans ce scénario, nous avons un modèle contenant un List , à savoir la méthode DbUserRoles GetRoles(), et un Controller qui charge la vue tout en passant la liste récupérée comme modèle.

Pour remplir une liste déroulante, un modèle de vue (UserRoleViewModel) peut être introduit pour séparer la logique métier et simplifier la vue. Ce modèle de vue comprend SelectedUserRoleId pour la sélection des utilisateurs et une liste (UserRoles) pour les éléments déroulants.

Contrôleur :

Transformez la liste DbUserRoles en un formulaire approprié pour la présentation. (liste SelectListItem) en utilisant LINQ Sélectionnez. View :

Utilisez @Html.LabelFor et @Html.DropDownListFor pour lier les propriétés du modèle de vue au code HTML correspondant. éléments. Exemple :

Viewmodel :

public class UserRoleViewModel { [Display(Name = "User Role")] public int SelectedUserRoleId { get; set; } public IEnumerable UserRoles { get; set; } } Copier après la connexion Contrôleur :

private IEnumerable GetRoles() { var dbUserRoles = new DbUserRoles(); var roles = dbUserRoles .GetRoles() .Select(x => new SelectListItem { Value = x.UserRoleId.ToString(), Text = x.UserRole });

return new SelectList(roles, "Value", "Text"); }

public ActionResult AddNewUser() { var model = new UserRoleViewModel { UserRoles = GetRoles() }; return View(model); } Copier après la connexion Afficher :

@model UserRoleViewModel

@Html.LabelFor(m => m.SelectedUserRoleId) @Html.DropDownListFor(m => m.SelectedUserRoleId, Model.UserRoles) Copier après la connexion Ceci L'approche donne lieu à une liste déroulante remplie avec les valeurs de la liste DbUserRoles.