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!