2012-12-21 34 views
6

मैं दो प्लगइन एक साथ मर्ज करना चाहता हूं।क्या हम jQuery टैग इनपुट प्लगइन के साथ jQueryUI स्वत: पूर्ण का उपयोग कर सकते हैं?

मैं ज़िप कोड के लिए jquery autocomplete का उपयोग कर रहा हूं।

अब मैं ज़िप कोड के लिए कई प्रविष्टियां जोड़ना चाहता हूं इसलिए मुझे jQuery टैग इनपुट प्लगइन मिला।

तो मैं jQuery टैग इनपुट प्लगइन के साथ jQueryUI स्वत: पूर्ण का उपयोग करने के लिए wnat।

मैंने जेएसफिड पर खुद को कोशिश की लेकिन काम नहीं कर रहा। लिंक: -http: //jsfiddle.net/7aDak/1719/

क्या कोई इस कार्यक्षमता के लिए मेरी सहायता कर सकता है।

+0

मेरा मानना ​​है कि tagsInput स्वत: पूर्ण द्वारा संचालित है। वास्तव में, प्रोजेक्ट होम पेज पर एक डेमो है जो स्वत: पूर्ण कार्यक्षमता प्रदर्शित करता है। आप क्या समस्याएं हैं, बिल्कुल? –

उत्तर

10

आप यहाँ दोनों समस्याओं से मुलाकात की:

  • डिफ़ॉल्ट परम स्वत: पूर्ण द्वारा इस्तेमाल किया नाम "शब्द" है - सरल परम द्वारा कोई अस्थिर है, तो आप "स्रोत" समारोह से यह सब करने की ज़रूरत
  • परिणाम दो क्षेत्रों की जरूरत है : "लेबल" और "मान" आपके प्रदाता द्वारा प्रदान नहीं किया गया है - प्रतिक्रिया प्रतिक्रिया की आवश्यकता है।
  • नीचे

कोड आप के लिए startpoint के लिए अच्छा है:

$('#tag1').tagsInput({ 
autocomplete_url:'http://ws.geonames.org/postalCodeSearchJSON', 
autocomplete:{ 
source: function(request, response) { 
    $.ajax({ 
    url: "http://ws.geonames.org/postalCodeSearchJSON", 
    dataType: "json", 
    data: { 
     postalcode_startsWith: request.term 
    }, 
    success: function(data) { 
     response($.map(data.postalCodes, function(item) { 
         return { 
          label: item.countryCode + "-" + item.placeName, 
          value: item.postalCode 
         } 
        })); 
    } 
    }) 
}}}); 

http://jsfiddle.net/YGm89/

+0

धन्यवाद सरम ..! असल में मैंने इसे बताए जाने से पहले जैसा ही किया है। मैं बस अपने ही सवाल का जवाब देना भूल गया। धन्यवाद – Akki