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?
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.
asp-for
EmployeeId
Si votre modèle de vue a des attributs
<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: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!