DropDownList bootstrap style

Je suis nouveau sur ASP.NET et ont travaillé mon chemin à travers la mise en route avec ASP.NET MVC 5 tutoriel sur la asp.net site.

J'ai rencontré un problème je n'arrive pas à le style de ma zone de liste déroulante avec bootstrap. Je suis actuellement en utilisant le code ci-dessous qui fonctionne de les afficher dans une norme déroulant mais je ne suis pas sûr de savoir comment obtenir le style de travail.

Ancien code:

Genre: @Html.DropDownList("movieGenre", "All")

Edit:

@Paul a Trouvé la solution:

@Html.DropDownList("movieGenre", (SelectList)ViewBag.movieGenre, "Select genre", new { @class = "form-control" })

Merci pour l'aide tout le monde.

  • recherche pour bootstrap select ou select2
  • Vérifiez le code mis à jour! Avis à essayer: @Html.DropDownList("movieGenre", "Tous", new { @class = "form-control"})
  • Ne semble pas aimer ce code. Pouvez pas sembler obtenir la surcharge de travail.
  • J'ai mis à jour ma réponse avec une liste de matériel qui peuvent vous aider.
  • Merci, apprécie l'aide!
InformationsquelleAutor | 2014-06-23
  1. 17

    Vous avez besoin d'appliquer de la classe CSS forme de contrôle de la. Essayez ceci:

    @Html.DropDownList("movieGenre", "All", new { @class = "form-control"})

    Aussi essayer DropDownListFor, mais un modèle de propriété doit être définie explicitement:

    @Html.DropDownListFor(model => model.MovieGenreModel, SelectList, new { @class = "form-control"})

    Grâce à @Paul pour la correction.

    Vous pourriez avoir à ÉTENDRE HTML existant de contrôle/mise à jour de surcharge/constructeur comme suit:

    public static MvcHtmlString DropDownList(
    this HtmlHelper htmlHelper,
    string name,
    IEnumerable<SelectListItem> selectList,
    string optionLabel,
    object htmlAttributes  //    <--------------- You need to add this here
)

    Pour plus d'aider à lire sur MVC, HTML Helpers et de prendre un coup d'oeil à:

    1. StackOverflow: L'ajout de votre propre HtmlHelper dans ASP.NET MVC
    2. Montrant les Énumérations dans un dropdownlist sur notre ASP.NET MVC vue
    3. L'examen de la façon dont ASP.NET MVC échafaudages de la DropDownList Helper
    4. Listes déroulantes avec des Éléments de Données Personnalisés
    5. StackOverflow: HtmlAttributes dans l'Extension de la Méthode de Bootstrap & MVC 5

    Une autre option serait de prendre à un coup d'oeil à TwitterBootstrapMVC

    • Merci pour la réponse, recevoir le message d'erreur. ne contient pas une définition pour 'DropDownList" et la meilleure méthode d'extension de surcharge a quelques arguments invalides
    • À droite, j'ai mis à jour mon code
    • C'est l'affichage correctement, il ne contient pas la liste des genres! J'ai de la difficulté avec le 2e bloc de code si. Où exactement, je ne veux mettre qui?
    • Attendre, alors maintenant, il ressemble à un Bootstrap déroulante, mais vous obtenez l'erreur ou pas? Vous avez besoin de mettre à jour le code de McvHTMLString DropDownList constructeur
    • Ouais, ça semble correct, cependant les genres à partir de la base de données ne sont pas affichées en elle.
    • Pouvez-vous mis à jour votre code dans votre question afin que nous puissions voir où vous en êtes
    • J'ai mis à jour mon code
    • mis à jour mon code.
    • essayez @Html.DropDownList("movieGenre", "Tous", new { @class = "form-control"})
    • Puis-je demander quel fichier j'ai besoin de placer la surcharge?
    • Vous pouvez ajouter une nouvelle classe DropDownList et la surcharge de travail est le nouveau constructeur
    • Toujours pas sûr de la façon d'obtenir la surcharge de travail, désolé, je suis complètement nouveau sur ce haha.
    • Si vous utilisez DropDownListFor, vous devez spécifier un modèle de propriété...en général, les @Html.DropDownListFor(modèle => le modèle.Genre, SelectList, etc...)
    • Merci, c'réussi à le résoudre!

    InformationsquelleAutor lucidgold