Jquery ui Autocomplete Combobox - changed not firing -
मुझे JQuery UI स्वत: पूर्ण कॉम्बोबॉक्स के साथ सहायता चाहिए। मैं "फेरबदल" घटना को कोई फर्क नहीं पड़ता कि वह क्या नहीं कर सकता मैंने इस विजेट को विभिन्न उदाहरणों से एक साथ खींचा है।
वर्तमान कार्यरत उदाहरण के लिए मैं इसे "ALERT" मुझे उस चुनिंदा आईडी से बदलना चाहता हूं जो कि बदल गया था (मेरे पास साइट के निर्माण पर एक पृष्ठ पर इनमें से 4 विजेट हैं)।
मुझे उदाहरण से कोई जेएस त्रुटियां नहीं मिली हैं, इसलिए मैं क्या गलत कर रहा हूं? अग्रिम में धन्यवाद
(फ़ंक्शन ($) {$ .widget ("custom.combobox", {_create: फ़ंक्शन () {this.wrapper = $ ("& lt; span & gt;") AddClass ("custom-combobox") .inertAfter (this.element); this.element.hide (); this._createAutocomplete (); this._createShowAllButton ();}, _createAutocomplete: function () {var चयनित = this.element (": चयनित"), मूल्य = selected.val ()? Selected.text (): ""; this.input = $ ("& lt; इनपुट & gt;") .appendTo (this.wrapper) .val (मूल्य ) .attr ("title", "") .addClass ("कस्टम-कॉम्बो बॉक्स-इनपुट ui-widget ui-widget-content ui-state-default ui- कोने-बाएं")। Autocomplete ({delay: 0, minLength: 0, स्रोत: $। प्रॉक्सी (यह, "_source")}) .tooltip ({tooltipClass: "ui-state-highlight"}) .on ('mouseup', फ़ंक्शन () {$ (this) .select () ;}); $ (यह) .ब्लूर (); this._on (this.input, {autocompletly चुन}: कार्य (घटना, यूआई) {ui.item.option.selected = true; this._trigger ("चुनें", घटना , {आइटम: ui.item.option})}}, स्वत: पूर्णतया परिवर्तन: "_removeIfInvalid"})}}, _createShowAllB Utton: फ़ंक्शन () {var input = this.input, wasOpen = false; $ ("& Lt; a & gt;") .attr ("tabIndex", -1) .attr ("शीर्षक", "सभी आइटम दिखाएँ") .tooltip () .appendTo (this.wrapper) .बटन ({icons: { प्राथमिक: "ui-icon-triangle-1-s"}, पाठ: झूठी}) .removeClass ("ui-corner-all") .addClass ("कस्टम-कन्बोबोक्स-टॉगल ui-corner-right")। Function () {isOpen = input.autocomplete ("widget") है। है (": दिखाई");})। क्लिक करें (फ़ंक्शन () {input.focus (); input.blur (); // बंद करें अगर पहले से ही दिखाई दे यदि (खुला हुआ था) {return;}; // खाली स्ट्रिंग के लिए खोज करने के लिए मान, सभी परिणाम इनपुट को प्रदर्शित करें। Autocomplete ("खोज", "");}); }, _source: फ़ंक्शन (अनुरोध, प्रतिक्रिया) {var matcher = नया RegExp ($ .ui.autocomplete.escapeRegex (request.term), "i"); प्रतिक्रिया (this.element.children ("option")। Map (function () {var text = $ (this) .text (); if (this.value & amp; (request.term || matcher.test (पाठ))) {लेबल: टेक्स्ट, मान: पाठ, विकल्प: यह};})) लौटें; }, _removeIfInvalid: फ़ंक्शन (इवेंट, यूआई) {// एक आइटम चुने, अगर (ui.item) करने के लिए कुछ भी नहीं है {var चयनित = this.element; वापसी; }; // एक मैच (केस-असंवेदनशील) के लिए खोजें var डिफ़ॉल्ट_text = ""; Var मान = this.input.val (), valueLowerCase = value.toLowerCase (), वैध = गलत; This.element.children ("option")। प्रत्येक (function () {if ($ (this) .val () == "default") {default_text = $ (this) .text ();}; if ($ (यह) .टेक्स्ट ()। ToLowerCase () === मान लोअर कैस) {this.selected = मान्य = सच; वापसी वापस;};}); // एक मैच मिला, ऐसा करने के लिए कुछ नहीं है (वैध) {वापसी; }; // अमान्य मान निकालें this.input.val (default_text) .attr ("title", मान + "किसी भी वस्तु से मेल नहीं खाया गया") .tooltip ("open"); यह। _डे (फ़ंक्शन () {this.input.tooltip ("close") एट्र ("शीर्षक", "");}, 2500); This.input.data ("ui-autocomplete")। शब्द = ""; }, _destroy: फ़ंक्शन () {this.wrapper.remove (); this.element.show (); }, ताज़ा करें: फ़ंक्शन () {selected = this.element.children (": selected"); this.input.val (selected.text ()); }, चुनें: फ़ंक्शन (इवेंट, यूआई) {ui.item.option.selected = true; Self._trigger ("चयनित", घटना, {आइटम: ui.item.option}); select.trigger ( "परिवर्तन"); }, परिवर्तन: फ़ंक्शन (इवेंट, यूआई) {if (! Ui.item) {var matcher = new RegExp ("^" + $ .ui.autocomplete.escapeRegex ($ (यह) .val ()) + "$" , "आई"), वैध = गलत; चयन करें। बच्चे ("विकल्प")। प्रत्येक (फ़ंक्शन () (यदि ($ (यह) .टेक्स्ट ()। मैच (मैचर)) {this.selected = मान्य = सच; वापसी वापस;};}); अगर (! वैध) {// अमान्य मान को हटा दें, क्योंकि यह कुछ भी $ (यह) से मेल नहीं खाता है .val (""); select.val ( ""); Input.data ("autocomplete")। शब्द = ""; विवरण झूठा है; }; }; }}); }) (JQuery);
उपयोगकर्ता का पता लगाने के लिए आसान तरीका कंबोडिया बदल गया है यह प्रयास करें: <पूर्व> $ ("# कंबोबाक्स")। कॉम्बोबॉक्स ({चयन: फ़ंक्शन (इवेंट, यूआई) {चेतावनी (यह.वल्यू);}});
Comments
Post a Comment