Maison > développement back-end > C++ > Comment l'assistance ASP.NET Core MVC Select Tag fonctionne-t-elle pour les listes déroulantes dynamiques?

Comment l'assistance ASP.NET Core MVC Select Tag fonctionne-t-elle pour les listes déroulantes dynamiques?

Mary-Kate Olsen
Libérer: 2025-01-28 21:16:12
original
939 Les gens l'ont consulté

How Does the ASP.NET Core MVC Select Tag Helper Work for Dynamic Dropdown Lists?

Dans ASP.NET Core MVC, utilisez SELECT TAG HELPER pour créer une liste dynamique Drop -Down

SELECT TAG HELPER fournit un moyen flexible de rendre les éléments HTML

dans la vue du rasoir. Il prend en charge la liaison des données avec l'attribut de modèle de vue, vous permettant de remplir dynamiquement l'option et de définir les éléments sélectionnés.

<select> Utilisez SELECT TAG HELPER

SELECT TAG HELPER a les attributs suivants:

    : Les attributs qui lient les éléments dans le modèle de vue.
  • asp-for : Spécifiez la liste des options à afficher dans l'élément <select>.
  • asp-items: d'autres attributs HTML des éléments, tels que <select>,
  • ,
  • , etc. asp-(其他属性) a été réduit à la liste des options <select> class id Bind à la liste des options, veuillez utiliser l'attribut multiple. Cette valeur peut être une collection d'objets de chaîne, entière ou personnalisés.
Par exemple, l'élément

doit être lié au nom du nom de famille de l'employé:

Définir les options de sélection

<select> asp-items pour définir l'option sélectionnée initiale, définissez simplement la valeur de l'attribut correspondant dans le modèle de vue.

<select> dans le contrôleur:

<code class="language-html"><select asp-for="EmployeeId" asp-items="@Model.EmployeesList"></select></code>
Copier après la connexion

Fonction supplémentaire

SELECT TAG HELPER fournit d'autres fonctions, telles que:

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

public class Employee
{
    public int Id { get; set; }
    public string FullName { get; set; }
}</code>
Copier après la connexion
Multi-Choice

: En définissant l'attribut

, vous pouvez créer un menu Multi-Choice Drop -Down.
<code class="language-csharp">public IActionResult Create()
{
    var vm = new MyViewModel();
    vm.EmployeesList = new List<Employee>
    {
        new Employee { Id = 1, FullName = "Shyju" },
        new Employee { Id = 2, FullName = "Bryan" }
    };
    vm.EmployeeId = 2; // 设置初始选定的员工
    return View(vm);
}</code>
Copier après la connexion

Groupe : Vous pouvez utiliser les attributs de chaque objet

pour regrouper les options.

Valeurs personnalisées et attributs d'affichage
    : En spéculant les attributs
  • et , vous pouvez personnaliser la valeur de l'option et afficher le texte. multiple Vérification
  • : SELECT TAG HELPER prend en charge l'utilisation des attributs
  • pour la vérification non invasive. SelectListItem En utilisant ces fonctions, vous pouvez créer une liste de drop -down riche et dynamique dans l'application ASP.NET Core MVC. asp-group

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 de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal