Comment puis-je utiliser le SELECT TAG HELPER dans ASP.NET Core MVC pour créer des listes déroulantes?

Présentation

SELECT TAG HELPER fournit un moyen simple de créer des éléments (liste de drop -down) dans la vue MVC ASP.NET Core à l'aide des données du modèle.

a été réduit à l'option définir <select>

Supposons que le modèle de vue contient un attribut et une liste d'employés stockés dans Attributs:

EmployeeId Dans la vue, vous pouvez utiliser SELECT TAG HELPER pour lier les options à EmployeesList Collection:

public class MyViewModel
{
    public int EmployeeId { get; set; }
    public List<Employee> EmployeesList { get; set; }
}

<性> La liste d'options affichée dans la liste Drop -Down de l'attribut. EmployeesList La méthode est utilisée pour trier la liste en fonction de l'attribut <方法>.

<select asp-for="EmployeeId" asp-items="@Model.EmployeesList.OrderBy(e => e.FullName)"></select>

asp-items OrderBy <性> La spécification d'attribut sera sélectionnée dans la liste Drop -Down aux attributs du modèle de vue. Dans cet exemple, il est <：>: FullName

Lors de la soumission du formulaire, la valeur sélectionnée sera automatiquement liée à la propriété du modèle de vue.

<select asp-for="EmployeeId" asp-items="@Model.EmployeesList.OrderBy(e => e.FullName)"></select>

public class MyViewModel
{
    public int EmployeeId { get; set; }
    public List<Employee> Employees { get; set; }
}

<select asp-for="EmployeeId" asp-items="@Model.Employees"></select>