Maison >développement back-end >C++ >Comment puis-je utiliser le SELECT TAG HELPER dans ASP.NET Core MVC pour créer des listes déroulantes?

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

Linda Hamilton
Linda Hamiltonoriginal
2025-01-28 21:01:09580parcourir

How Can I Use the Select Tag Helper in ASP.NET Core MVC to Create Dropdown Lists?

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>

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:

<code class="language-csharp">public class MyViewModel
{
    public int EmployeeId { get; set; }
    public List<Employee> EmployeesList { get; set; }
}</code>

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 .

<code class="language-html"><select asp-for="EmployeeId" asp-items="@Model.EmployeesList.OrderBy(e => e.FullName)"></select></code>
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
<code class="language-html"><select asp-for="EmployeeId" asp-items="@Model.EmployeesList.OrderBy(e => e.FullName)"></select></code>
attribut:

EmployeeId

Plus d'options

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

<code class="language-csharp">public class MyViewModel
{
    public int EmployeeId { get; set; }
    public List<Employee> Employees { get; set; }
}</code>
Groupement:
<code class="language-html"><select asp-for="EmployeeId" asp-items="@Model.Employees"></select></code>
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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn