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

ASP.NET CORE MVC SELECT TAG HELPER: Créez facilement une liste de drop -down

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></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>

Définissez la valeur de sélection

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.

Utilisez selectlist

asp-for EmployeeId Si votre modèle de vue a des attributs

, vous pouvez l'utiliser directement pour

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

attribut:

EmployeeId

Plus d'options

Multi-Choice: List utilise le type de tableau pour l'attribut asp-items pour activer plusieurs choix.

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

Groupement:

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

Spécifiez l'attribut

de chaque pour regrouper les options de la liste Drop -Down.

Viewbag:

Vous pouvez utiliser
• pour passer dynamiquement la liste des options à la vue: asp-for

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!