KnockoutJS - एक शब्दकोश संग्रह के लिए डेटाबेस

Question

मैं चयन सूची में शब्दकोश संग्रह को बाध्य करने के लिए KnockoutJS का उपयोग कैसे करूं।

मेरी "स्थलों" शब्दकोश JSON में इस तरह दिखाई देता है:

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

कैसे मैं एक का चयन करें सूची में यह बाँध है। कुछ इस तरह:

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

Answer 1

आमतौर पर, जब एक शब्दकोश के साथ काम कर, आप एक सरणी कुंजी/मान गुणों के साथ वस्तुओं से युक्त करने के लिए इसे मैप करना चाहते हैं जाएगा।

होगा कुछ की तरह:

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

    return result; 
} 

नमूना यहाँ: http://jsfiddle.net/rniemeyer/7yDTJ/

Answer 2

मैं जानता हूँ कि यह पहले से ही उत्तर दिया गया है, लेकिन मैंने सोचा कि मैं एक अधिक व्यापक समाधान का हिस्सा चाहते हैं।

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

यहाँ एक jsfiddle जो यह

http://jsfiddle.net/HLnGs/

उम्मीद है कि किसी और को मिलेगा इस उपयोगी

Answer 3

एक सरल विकल्प क़ौम आप बना रहे हैं तो सर्वर API सिर्फ कन्वर्ट करने के लिए है सर्वर पर एक सरणी के लिए शब्दकोश और सरणी वापस करें:

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

अब आप आसानी से नॉकआउट में सरणी बाध्य कर सकते हैं ...

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