La liaison DropDownListFor aide d'un dictionnaire

Je suis de la création et remplissage d'un Dictionnaire et souhaitez lier à la liste déroulante en utilisant DropDownListFor méthode d'assistance.

Comment puis-je carte du dictionnaire key et value à déroulante?

Il semble que je devrais être capable de faire quelque chose comme:

@Html.DropDownListFor(o => o.key, o => o.value, MyDictionary);

Il semble que le premier paramètre doit être un LINQ déclaration que les cartes de paire clé/valeur et le deuxième paramètre est le dictionnaire lui-même.

InformationsquelleAutor dev.e.loper | 2011-10-04
  1. 10

    Vous ne pouvez pas lier une liste déroulante dans un dictionnaire. Il ne fait pas de sens. Afin de générer une liste déroulante vous avez besoin de 2 choses: un scalaire propriété de lier la valeur sélectionnée et une collection de lier les options de la liste déroulante. Vous avez seulement la deuxième de ces deux choses, qui est le dictionnaire. Si vous ne pouvez pas utiliser un typage fort helper.

    Vous pouvez effectuer les opérations suivantes laideur:

    @Html.DropDownList("SelectedValue", new SelectList(MyDictionary, "Key", "Value"))

    mais bien sûr, la meilleure approche serait d'utiliser un modèle de vue:

    public class MyViewModel
{
    public string SelectedValue { get; set; }
    public SelectList Values { get; set; }
}

    qui vous permettraient d'alimenter dans votre contrôleur de l'action:

    public ActionResult Foo()
{
    Dictionary<string, string> dic = ...
    var model = new MyViewModel
    {
        Values = new SelectList(dic, "Key", "Value")
    };
    return View(model);
}

    et enfin dans votre fortement typé vue:

    @model MyViewModel
@Html.DropDownListFor(x => x.SelectedValue, Model.Values)
    • "Vous ne pouvez pas lier une liste déroulante dans un dictionnaire. Il ne fait pas de sens." Pourriez-vous expliquer pourquoi? Parce que nous pouvons facilement le faire en ASP.NET les Formulaires Web.
    InformationsquelleAutor Darin Dimitrov
  2. 1

    Vous devriez essayer comme ceci:

    Dans Le Contrôleur

    ViewBag.hour = new SelectList(Hours.Values);

void AddHours()
{
    Hours = new Dictionary<int, string>();
    Hours.Add(00, "00");
    Hours.Add(01, "01");
    Hours.Add(02, "02");
}

    Dans Les Vues

    <div  class="col-md-2">
    @Html.DropDownList("Hours", new SelectList(ViewBag.hour.Items), "Hours", htmlAttributes: new { @class = "form-control", placeholder = "Hours" })
</div>
    InformationsquelleAutor Rana Ahsan
  3. 0

    J'aime votre réponse Darin. Merci, ça m'a aidé à venir avec cette solution. Jusqu'à présent, j'ai seulement essayé avec des chaînes, mais il fonctionne bien. Ci-dessous est juste un exemple simple. J'ai aussi des méthodes d'extension (non montré ici) pour la construction de Modèle d'Affichage des objets de Schéma du Modèle d'objets (pour HttpGets) et pour la construction du Schéma des Objets de Modèle de Modèle d'Affichage des objets (pour HttpPosts).

    Modèle De Vue

    public class Step4ViewModel
{
    public SelectList HowToBeContactedOptions { get; set; }

    public string HowToBeContacted { get; set; }
}

    Méthode d'Extension pour rendre les choses plus facile et plus propre

    public static class EntityExtensionMethods
{
    public static Step4ViewModel PopulateDropDowns(this Step4ViewModel vm)
    {
        var howToBeContactedOptions = new Dictionary<string, string>
        {
            {"Email", "Email"}, 
            {"US Mail", "US Mail"}
        };

        vm.HowToBeContactedOptions = new SelectList(howToBeContactedOptions, "Key", "Value", vm.HowToBeContacted);
}

    Contrôleur

    [HttpPost]
public ActionResult Step4(Step4ViewModel vm)
{
    if (!ModelState.IsValid)
    {
        return View(vm.PopulateDropDowns());
    }
}

    Vue

    @Html.ValidationSummary()
<table class="table table-bordered table-striped">
    <tr>
        <td>
            @Html.LabelFor(x => x.HowToBeContacted)
        </td>
        <td>
            @Html.DropDownListFor(x => x.HowToBeContacted, Model.HowToBeContactedOptions)
            @Html.ValidationMessageFor(x => x.HowToBeContacted)
        </td>
    </tr>
</table>
    InformationsquelleAutor meffect