KnockoutJS - Databind à une collection de dictionnaires

Comment puis-je utiliser KnockoutJS pour lier une collection de dictionnaires à une liste de sélection.

Si mon "Destinations" dictionnaire ressemble à ceci en JSON:

{"Europe":"Europe incl Egypt, Turkey & Tunisia","ANZO":"Australia & New Zealand","WorldwideUSA":"Worldwide (incl USA & Canada)"}

Comment puis-je lier cela à une liste de sélection. Quelque chose comme ceci:

data_bind="value: Destination, options: Destinations.Value, optionsText: Destinations.Key"

source d'informationauteur BrightonDev | 2011-09-13

  1. 25

    Généralement, lorsque l'on traite avec un dictionnaire, vous aurez envie de l'associer à un tableau contenant des objets avec une clé/valeur des propriétés.

    Serait quelque chose comme:

    function mapDictionaryToArray(dictionary) {
    var result = [];
    for (var key in dictionary) {
        if (dictionary.hasOwnProperty(key)) {
            result.push({ key: key, value: dictionary[key] }); 
        }  
    }

    return result;
}

    Exemple ici: http://jsfiddle.net/rniemeyer/7yDTJ/

  2. 13

    Je sais que cela a déjà été répondu, mais j'ai pensé que je pourrais partager avec vous une solution plus complète.

    https://github.com/jamesfoster/knockout.observableDictionary

    voici un jsfiddle qui démos il

    http://jsfiddle.net/HLnGs/

    j'espère que quelqu'un d'autre va trouver cela utile

  3. 4

    Une option plus simple si vous êtes à la création de l'API du serveur est de simplement convertir le dictionnaire à un tableau sur le serveur et retourner un tableau:

    Dictionary<string, string> myDict = ... ;
return myDict.toArray();  //returns KeyValuePair<string, string>[]

    Maintenant, vous pouvez facilement lier le tableau dans le knock-out ...

    <select class="form-control" 
  data-bind="options: opts, optionsText: 'Value', optionsValue: 'Key', optionsCaption: 'Show All', value: filter.myVal">
</select>