समाशोधन चयन चयन 2

Question

में काम नहीं कर रहा है मैंने चयन 2 विजेट, संस्करण 4 लागू किया है। यह काम करता है, लेकिन एक्स आइकन। यह चयन को साफ़ नहीं कर रहा है।

यदि आप इस दस्तावेज़ को देखते हैं: https://select2.github.io/options.html, यह कहता है कि यह वास्तव में एक समस्या है, लेकिन दस्तावेज इसके लिए अपूर्ण है।

किसी ने इसे पहले ही हल कर लिया है?

धन्यवाद जैमे

Answer 1

अंत में मैं इसे Select2 4.0.2 में एक बग है मिल गया है।

this.$element.val(this.placeholder.id).trigger('change'); 

this.trigger('toggle', {}); 

द्वारा::

this.$element.val(this.placeholder.id).text(this.placeholder.text).trigger('change'); 

//this.trigger('toggle', {}); 

यह समाधान भी लटकती नहीं का कारण बनता है

समाधान इस, select2.js में, लाइन 1760

यह प्रतिस्थापित किया जाना है चयन को साफ़ होने पर प्रकट होने के लिए।

Answer 2

नहीं, यह कोई बग नहीं है। "एक्स" आइकन प्लेसहोल्डर विकल्प की आवश्यकता है। इसके बिना, clearAllow विकल्प का उपयोग नहीं किया जा सकता है। तो, सही कोड इस तरह होगा:

$(".js-example-placeholder-single").select2({ 
    placeholder: "Put some text...", 
    allowClear : true 
}); 

वैसे, वहाँ गैर-दस्तावेजी विकल्प डिबग कहा जाता है। यदि आप इसे चयन 2() विधि पर पास करते हैं, तो पाए गए त्रुटियों को कंसोल पर मुद्रित किया जाएगा। नीचे दिए गए उदाहरण में कोड के लिए:

$(".js-example-placeholder-single").select2({ 
    //placeholder: "Put some text...", 
    allowClear : true, 
    debug: true 
    }); 

ब्राउज़र की कंसोल में हो जाएगा:

क्यों allowClear प्लेसहोल्डर विकल्प की आवश्यकता है?

इस सूची में नीचे असली ड्रॉप, कि आप <select> और <option> तत्वों के साथ बनाने के Select2 से छुपाता है। और नया बनाया।

नई बनाई गई ड्रॉप डाउन सूची में, उपयोगकर्ता जो फ़ील्ड देखता है (ड्रॉप डाउन सूची के बिना) स्वचालित रूप से बनाया जाता है। प्रत्येक बार जब आप नया विकल्प चुनते हैं, चयन 2 पिछले फ़ील्ड को नए के साथ बदल देगा।

जब एक्स आइकन क्लिक किया गया, तो यह मुख्य फ़ील्ड भी हटा देता है। और प्लेसहोल्डर के पैरामीटर के साथ नया क्षेत्र बनाता है।

Answer 3

मेरे मामले में, स्पष्ट बटन काम नहीं कर रहा है प्लेसहोल्डर विकल्प भी सेट है। मुझे जेड-इंडेक्स प्रॉपर्टी जोड़ने की जरूरत है:

.select2-container .select2-selection--single .select2-selection__rendered { 
    z-index:1; 
}