एक jQuery UI स्वत: पूर्ण

Question

पर किसी आइटम को जोड़ना वर्तमान में, मैं एक टेक्स्टबॉक्स पर jQuery UI स्वत: पूर्ण का उपयोग कर रहा हूं जो एक ASHX फ़ाइल का संदर्भ देता है।

सबकुछ काम कर रहा है, सिवाय इसके कि मैं सूची के अंत में एक आइटम जोड़ना चाहता हूं: "आइटम नहीं मिला? नया आइटम जोड़ने का अनुरोध करने के लिए यहां क्लिक करें।"

मैंने कोड की पंक्तियों का पालन करने की कोशिश की, लेकिन यह सब कुछ आइटम स्वरूपित किया गया था, मैं संलग्न करने में असमर्थ था।

data("catcomplete")._renderItem = function(ul, item) { 
     return $("<li></li>") 
      .data("item.catcomplete", item) 
      .append($("<a class='ui-menu-item'></a>").text(item.label)) 
      .appendTo($('ul').last('.autocomplete-category')); 
    }; 

संकेत? युक्तियाँ? बहुत अधिक gracias! : डी

Answer 1

आपको Open event आग के बाद अपनी अतिरिक्त प्रविष्टि जोड़नी चाहिए। इससे आपको प्रत्येक तत्व के बजाए सूची में पहुंच मिल जाएगी, जो कि आप बाद में हैं, _renderItem आपको पहुंच प्रदान कर रहा है।

$("#myBox").autocomplete({ 
     source: "[URL]", 
     minLength: 2, 
     open: function(event, ui) { 
      $("ul.ui-autocomplete.ui-menu .ui-menu-item:odd").css("background-color","#dedede"); 
     } 
    }); 

Answer 2

आप _renderItem साथ बेला के लिए नहीं करना चाहती:

यहाँ एक उदाहरण प्रविष्टियों को सूची में डाला जा दिया है स्टाइल है। वह एफएन है जो एक आइटम प्रस्तुत करता है; इसे सुझावों की सूची में प्रत्येक आइटम के लिए एक बार कहा जाता है।

आप क्या करना चाहते हैं _renderMenu फ़ंक्शन बंदरपैच है। jQuery यूआई के अन्य संस्करणों के लिए एक ही

_renderMenu: function(ul, items) { 
    var self = this; 
    $.each(items, function(index, item) { 
     self._renderItem(ul, item); 
    }); 
}, 

यह शायद मूल रूप से बताया गया है: jQuery यूआई 1.8.6 में मूल परिभाषा इस तरह है।

$.each करने के बाद, अपना अतिरिक्त आइटम जोड़ने के लिए इसे पैच करें।