KnockoutJs में बाध्यकारी मूल्य जब जटिल प्रकार

Question

इस बेला में वर्णित के रूप में मैं, चुनें तत्व पर बाध्यकारी मान का उपयोग करने की कोशिश कर रहा हूँ होने का चयन के लिए विफल रहता है: http://jsfiddle.net/MikeEast/nM6dd/2/

हालांकि, मैं चयनित सेट करने के लिए सक्षम होने के लिए नहीं कर पा रहे विकल्प (मूल्य बाध्यकारी)।

मुझे पता है कि मैं विकल्प का उपयोग कर सकता हूं वैल्यू बाध्यकारी, लेकिन इससे किसी ऑब्जेक्ट की बजाय स्ट्रिंग मान को बेहतर बनाता है जो बेहतर नहीं है। यदि यह जाने का एकमात्र तरीका है, तो मैं यह सुनिश्चित करने के लिए कैसे करूं कि चयनित विकल्प दृश्य मॉडल पर वापस लिखा गया है?

धन्यवाद!

Answer 1

यहां समाधान है। आपको डेटा-बाइंड में विशेषता optionsValue: 'id' जोड़ना होगा। आपको उस दृश्य में भी एक फ़ंक्शन डालना होगा जो मॉडल को चुनता है जो चयनित ऑब्जेक्ट देता है।

एचटीएमएल

<select data-bind="options: items, optionsText: 'name', optionsValue: 'id', value: selectedItemId"></select> 
<span data-bind="text: selectedItem().name"></span> 

जे एस

var viewModel = function() { 
    this.items = ko.observableArray([ 
     { id: 1, name: "Apple" }, 
     { id: 2, name: "Orange"}, 
     { id: 3, name: "Banana"} 
    ]); 
    this.selectedItemId = ko.observable(3); 
    this.selectedItem = function() { 
     var self = this; 
     return ko.utils.arrayFirst(this.items(), function(item) { 
      return self.selectedItemId() == item.id; 
     }); 
    }.bind(this); 
}; 

var vm = new viewModel(); 
ko.applyBindings(vm); 

चीयर्स!