Comment écrire un simple Html.DropDownListFor() ?

Question

Dans ASP.NET MVC 2, j'aimerais écrire une liste déroulante très simple qui donne des options statiques. Par exemple, j'aimerais offrir le choix entre "Rouge", "Bleu" et "Vert".

Answer 1

Ver cet article de MSDN et un exemple d'utilisation ici sur Stack Overflow .

Disons que vous avez la classe Linq/POCO suivante :

public class Color
{
    public int ColorId { get; set; }
    public string Name { get; set; }
}

Et disons que vous avez le modèle suivant :

public class PageModel 
{
   public int MyColorId { get; set; }
}

Et, enfin, disons que vous avez la liste de couleurs suivante. Elles peuvent provenir d'une requête Linq, d'une liste statique, etc :

public static IEnumerable<Color> Colors = new List<Color> { 
    new Color {
        ColorId = 1,
        Name = "Red"
    },
    new Color {
        ColorId = 2,
        Name = "Blue"
    }
};

Dans votre vue, vous pouvez créer une liste déroulante comme suit :

<%= Html.DropDownListFor(n => n.MyColorId, 
                         new SelectList(Colors, "ColorId", "Name")) %>

Answer 2

<%: 
     Html.DropDownListFor(
           model => model.Color, 
           new SelectList(
                  new List<Object>{ 
                       new { value = 0 , text = "Red"  },
                       new { value = 1 , text = "Blue" },
                       new { value = 2 , text = "Green"}
                    },
                  "value",
                  "text",
                   Model.Color
           )
        )
%>

ou vous pouvez ne pas écrire de classes, mettre quelque chose comme ceci directement dans la vue.

Answer 3

Evitez de nombreux doigtés gras en commençant par un Dictionnaire dans le Modèle

namespace EzPL8.Models
{
    public class MyEggs
    {
        public Dictionary<int, string> Egg { get; set; }

        public MyEggs()
        {
            Egg = new Dictionary<int, string>()
            {
                { 0, "No Preference"},
                { 1, "I hate eggs"},
                { 2, "Over Easy"},
                { 3, "Sunny Side Up"},
                { 4, "Scrambled"},
                { 5, "Hard Boiled"},
                { 6, "Eggs Benedict"}
            };

    }

    }

Dans la vue, convertissez-le en une liste pour l'affichage.

@Html.DropDownListFor(m => m.Egg.Keys,
                         new SelectList(
                             Model.Egg, 
                             "Key", 
                             "Value"))

Answer 4

Voici comment je l'ai fait en un seul projet :

     @Html.DropDownListFor(model => model.MyOption,                
                  new List<SelectListItem> { 
                       new SelectListItem { Value = "0" , Text = "Option A" },
                       new SelectListItem { Value = "1" , Text = "Option B" },
                       new SelectListItem { Value = "2" , Text = "Option C" }
                    },
                  new { @class="myselect"})

J'espère que ça aidera quelqu'un. Merci

Answer 5

Ou si c'est à partir d'un contexte de base de données vous pouvez utiliser

@Html.DropDownListFor(model => model.MyOption, db.MyOptions.Select(x => new SelectListItem { Text = x.Name, Value = x.Id.ToString() }))