Comment écrire un Html simple.DropDownListFor()?

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

InformationsquelleAutor Rinesse | 2010-06-16

asp.net asp.net-mvc-2 c#html.dropdownlistfor

180

Voir cet article MSDN et un exemple d'utilisation ici sur un Débordement de Pile.

Disons que vous avez le suivant Linq/POCO classe:
```
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 une liste de couleurs. Ils pourraient venir d'une requête Linq, à partir 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")) %>
```
- que vraiment clair. J'aimerais savoir où dois-je mettre de l'interface IEnumerable<Couleur> dans mon code? Je sais que cela semble stupide comme question, mais je suis très perdu et de nouveau en elle :s
- Pas de soucis, un ami. Je sais comment il se sent. 🙂 Comme vous l'avez suggéré dans votre première question, est-ce une liste statique que vous allez créer dans le code, ou allez-vous tirer de cette liste à partir d'une base de données?
- une liste statique qui contient 4 options qui ne sont pas frop une base de données
- Créer une classe statique appelée "HtmlLists" ou quelque chose. Place de la statique de la classe dans le Système.Web.Mvc espace de noms. Dans votre classe statique, ajouter votre liste statique de IEnumerable<Couleur> les Couleurs. Alors, à votre avis, vous pouvez le référencer en appelant HtmlLists.Couleurs. L'espoir qui fait sens. Laissez-moi savoir. 🙂
- Je vais essayer maintenant:). merci beaucoup 🙂
- Je ne sais pas comment faire :'(... je ne sais pas où mettre la Couleur de la classe et de la HtmlLists (dans les modèles de dossier peut être?) et comment les renvoie dans la vue. aloso un ne sais pas comment mettre le résultat de la liste dans un attribut de la viewModel..je suis tellement confus :/
- l'amour de la liste statique!
- Voir celui-ci. Bonne approche quand les entités concernées: stackoverflow.com/questions/21878673/...
InformationsquelleAutor Evan Nagle

<%: 
     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 écrire pas de classes, mettre quelque chose comme ceci directement à la vue.

Merci, c'était difficile de trouver une solution pour...
J'obtiens ci-dessous d'erreur lorsque vous essayez votre code : "la référence d'Objet n'est pas définie à une instance d'un objet."
mauvaise idée d'ajouter le modèle de la logique de votre point de vue
Je pense que c'est génial si il y a seulement quelques éléments...

InformationsquelleAutor Berat

Éviter de beaucoup de graisse doigté en commençant avec 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 de le convertir à une liste pour afficher

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

InformationsquelleAutor Jules Bartow

Salut voici comment je l'ai fait dans un 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 cela aide Quelqu'un. Grâce

InformationsquelleAutor Master Programmer

13

Ou si elle provient 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() }))
```
- Merci de ne pas encourager ce genre de bêtises. Si vous aimez le référencement de votre db contexte de votre Rasoir vues sur vous, mais pour ceux d'entre nous qui aiment la construction de logiciels de la bonne façon, alors c'est une idée terrible. Lier votre Rasoir vue de vue de la classe du modèle, toutes les données nécessaires pour la vue est stockée dans une instance de la vue modèle créé par le contrôleur. C'est en partie la raison pour laquelle je m'éloigne de .Net, trop terrible les développeurs à faire des choses terribles avec leur code faire d'énormes maux de tête pour tout le monde. Je parie que vous avez mis toutes vos affaires de logique dans vos contrôleurs!
- D'abord, désolé pour toute grammaire incorrections puisque l'anglais n'est pas ma première langue. Il est toujours agréable de voir quelqu'un faire une telle pensée à travers des commentaires, je vous félicite monsieur que vous avez pris le temps de contribuer. C'est également rassurant de constater que la profession de développeurs est dans de bonnes mains que les vôtres, car mine de ne pas le faire. Les goûts de votre commentaire ignorants est pourquoi je ne poste plus ici. Je vous informe que lorsque j'ai écrit ce que j'avais 8 mois dans mon éducation, et n'avait jamais touché de Développement Web à l'avance. Je voulais partager une autre approche avec le peu de connaissances que j'avais.
- 8 mois? Alors pourquoi essayer de résoudre les problèmes lorsque vous ne pouviez pas savoir comment? Mon commentaire est loin d'être ignorant, je vois ce genre de choses de jour en jour. Vous avez pour commencer à considérer la quantité de travail manuel vous obligeons les à vos collègues. imaginez que vous avez une application d'entreprise avec des centaines de points de vue et votre CTO souhaite passer à Oracle DB. Imaginez le littéral coût de refactoring toutes les vues et les contrôleurs qui utilisent des listes déroulantes, juste à cause de votre une ligne de code! Je n'essaie pas de vous insulter, juste essayer de vous expliquer comment un peu de mauvais conseils peuvent avoir des effets importants.
- Pas différent de refactoriser le statique enum solutions fondées. Au moins, il n'était pas un changement de code à chaque fois que l'entreprise a voulu ajouter une couleur à la liste. Si plus de gens de la pensée sur le fait d'utiliser une base de données, le monde serait un meilleur endroit.
- Je confirme que cette solution est parfois bien mieux, les données peuvent changer anytimes où je travaille, donc, rien n'est comme direct db, je n'ai pas de code de retour quand ils polluent.
- Vous êtes complètement à côté JBeckton point - il est dit, si vous obtenez des données à partir d'une base de données, puis ajouter la couche supplémentaire(s), de sorte que la base de données n'est pas référencé dans la vue
- T les Modèles sont grande. Jusqu'à ce qu'ils ne le sont pas. Il est toujours préférable de laisser le développeur qui fait le travail de faire l'appel à la place de la rodomontade le monde au sujet de la manière dont ils le font blesse vos sentiments.
- En général je suis d'accord, mais pas lorsque le développeur inexpérimenté, comme ce fut le cas ici. C'est juste le travail de création d'aller plus loin, pour les plus expérimentés dev de refactoriser à une date ultérieure. En aucun sérieux application vous de référence de la base de données dans une vue.
- T "En un rien de sérieux application vous de référence de la base de données dans une vue." c'est juste un avis et celui qui a beaucoup de défauts. Voici mon contrer avis... La principale raison de la création d'autant de couches que possible entre la base de données et l'avant est que la plupart .net développeurs sont mortellement peur de bases de données. C'est à partir d'un long moment développeur de base de données. Et n'utilisez pas le test de l'abstraction excuse. La plupart des tests seuls les tests que les couches ne sont pas cassés et pas que l'application manipule les données correctement, ce qui finalement est le but principal de l'application.
- Vous êtes sur le mauvais compagnon. Je vais vous donner un exemple concret pour rendre les choses plus claires. Les vues sont destinés à être ré-utilisable, si j'ai une vue qui est répété n fois sur la page, c'est n appels à la base de données pour CHAQUE liste déroulante qui vous ai mis une requête pour obtenir les options. Maintenant, si nous avons résumé dans un ViewModel, nous pouvons réduire ce chiffre à 1 à la base de données, cependant, de nombreux points de vue que nous voulons. C'est, avant même d'entrer dans le clair de maintenabilité avantages de ne pas avoir à naviguer à travers tous les points de vue si la source de données ne change jamais. ".net développeurs sont mortellement peur de bases de données" - quoi?
InformationsquelleAutor Joel Wahlund

"Veuillez sélectionner un Élément"

@Html.DropDownListFor(model => model.ContentManagement_Send_Section,
  new List<SelectListItem> { new SelectListItem { Value = "0", Text = "Plese Select one Item" } }
    .Concat(db.NameOfPaperSections.Select(x => new SelectListItem { Text = x.NameOfPaperSection, Value = x.PaperSectionID.ToString() })),
  new { @class = "myselect" })

Dérivé de codes: Maître Programmeur && Joel Wahlund ;

Le Roi Référence : https://stackoverflow.com/a/1528193/1395101 JaredPar ;

Grâce Maître Programmeur && Joel Wahlund && JaredPar ;

Bonne chance les amis.

InformationsquelleAutor Amin Ghaderi

1
```
@using (Html.BeginForm()) {
    <p>Do you like pizza?
        @Html.DropDownListFor(x => x.likesPizza, new[] {
            new SelectListItem() {Text = "Yes", Value = bool.TrueString},
            new SelectListItem() {Text = "No", Value = bool.FalseString}
        }, "Choose an option") 
    </p>
    <input type = "submit" value = "Submit my answer" />
} 
```
Je pense que cette réponse est similaire à Berat, à vous de mettre tout le code de votre DropDownList directement dans la vue. Mais je pense que c'est un moyen efficace de créer un o/n (boolean) dans la liste déroulante, donc je voulais le partager.

Quelques notes pour les débutants:
- Ne vous inquiétez pas à propos de ce que " x " est appelé - il est créé ici, pour la
  première fois, et ne permet pas d'accéder à quoi que ce soit d'autre, n'importe où ailleurs dans le
  MVC application, donc vous pouvez l'appeler ce que vous voulez - 'x', 'model', 'm', etc.
- L'espace réservé aux utilisateurs de visualiser dans la liste déroulante est "Choisissez une option", de sorte que vous pouvez changer cela si vous voulez.
- Il y a un peu de texte qui précède le menu déroulant qui dit "aimez-vous la pizza?"
- Ce devrait être au complet le texte d'un formulaire, y compris un bouton de type submit, je pense que
Espère que cela aide quelqu'un,

InformationsquelleAutor user5138047

Vous devez vous connecter pour publier un commentaire.