KnockoutJS - Databind a una colección de diccionario

Question

¿Cómo utilizo KnockoutJS para vincular una colección de diccionarios a una lista de selección.

Si mi diccionario "Destinos" es la siguiente con JSON:

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

¿Cómo se unen a un lista de selección. Algo como esto:

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

Answer 1

Por lo general, cuando se trata de un diccionario, tendrá que asignar a una matriz que contiene los objetos con propiedades clave/valor.

sería algo así como:

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

    return result; 
} 

Muestra aquí: http://jsfiddle.net/rniemeyer/7yDTJ/

Answer 2

Sé que esto ya ha sido contestada pero yo pensé en compartir una solución más completa.

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

aquí hay un jsFiddle el que demos que

http://jsfiddle.net/HLnGs/

de esperar que alguien más va a resultar útil

Answer 3

Una opción más sencilla si va a crear la API de servidor es de convertir sólo el diccionario a una matriz en el servidor y devolver la matriz:

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

Ahora se puede unir fácilmente a la matriz en nocaut ...

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