knockout.js का उपयोग करके गतिशील रूप से ड्रॉपडाउन को डेटा कैसे बाध्य करें?

Question

मैं knockout.js के लिए नया हूँ। मैं नॉक आउट जेएस का उपयोग करके एपीआई से ड्रॉपडाउन से डेटा बाध्य करने में सक्षम नहीं था। एपीआई और ड्रॉप-डाउन से

मेरे Json डेटा है:

[{ 
ContactID: 0, 
FirstName: "Aaa", 
LastName: "bbb", 
MobileNumber: null, 
StartDate: "0001-01-01T00:00:00", 
EndDate: "0001-01-01T00:00:00" 
}, 
{ 
ContactID: 0, 
FirstName: "Ccc", 
LastName: "ddd", 
MobileNumber: null, 
StartDate: "0001-01-01T00:00:00", 
EndDate: "0001-01-01T00:00:00" 
} 
] 
<select id="selectmenu1" name="" data-theme="c" data-bind="optionsCaption: 'Choose...'">  </select> 

मैं सिर्फ firstname बाध्य करने के लिए, lastname, contactID ड्रॉपडाउन के लिए और firstname और lastname प्रदर्शन पाठ के रूप में और contactID है कि आइटम के लिए मूल्य क्षेत्र है। क्या कोई इस बारे में कुछ सुझाव दे सकता है?

Answer 1

आप options binding है, जहां आप निर्दिष्ट करने की आवश्यकता उपयोग करने की आवश्यकता:

• options में मदों की अपनी सरणी (doc उदाहरण में देखते हैं 3)
• आप ContactID के लिए optionsValue: 'ContactID' निर्धारित करने की आवश्यकता मूल्य के रूप में
• आप optionsText जो आपके चुनिंदा ग्रंथों बनाता है में एक समारोह निर्दिष्ट करने की आवश्यकता (doc उदाहरण में देखते हैं 4)

तो अपने अंतिम बाध्यकारी तरह दिखेगा:

<select id="selectmenu1" name="" data-theme="c" 
    data-bind="options: contacts, 
      optionsValue: 'ContactID', 
      optionsText: function(i) { return i.FirstName + ' ' + i.LastName }, 
      optionsCaption: 'Choose...'">   
</select> 

डेमो JSFiddle.

Answer 2

आप नॉकआउट मानचित्रण प्लगइन का उपयोग कर सकते हैं। अधिक जानकारी here

है और यह भी आप महान tutorial about how to load and save data