Comment créer un simple DropDownListFor HTML dans ASP.NET MVC ?

Création d'un DropDownListFor HTML de base dans ASP.NET MVC 2

ASP.NET MVC offre une approche simplifiée pour générer des listes déroulantes HTML à l'aide d'options statiques. Créons une liste déroulante simple avec des options telles que "Rouge", "Vert" et "Bleu".

1. Définir le modèle :

Tout d’abord, créez un objet Plain Old CLR (POCO) pour représenter vos données. Voici un exemple de Color cours :

<code class="language-csharp">public class Color
{
    public int ColorId { get; set; }
    public string Name { get; set; }
}</code>

2. Remplir les options de la liste déroulante :

Ensuite, définissez une liste statique de Color objets pour remplir les options de la liste déroulante :

<code class="language-csharp">public static IEnumerable<Color> Colors = new List<Color> {
    new Color { ColorId = 1, Name = "Red" },
    new Color { ColorId = 2, Name = "Green" },
    new Color { ColorId = 3, Name = "Blue" }
};</code>

3. Implémentation dans la vue :

Enfin, utilisez l'assistant Html.DropDownListFor() dans votre vue ASP.NET MVC pour afficher la liste déroulante :

<code class="language-html">@Html.DropDownListFor(model => model.MyColorId, new SelectList(Color.Colors, "ColorId", "Name"))</code>

Ce code génère une liste déroulante en utilisant la liste Colors. La propriété ColorId est utilisée comme valeur et la propriété Name comme texte affiché. La valeur sélectionnée est liée à la propriété MyColorId de votre modèle.

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!