jquery-ui-autocomplete - _renderMenu ओवरराइडिंग और _renderItem

Question

मैंने jquery-ui का उपयोग करके एक स्वतः पूर्ण कार्यान्वित किया है। मैं 10 को दिखाए गए आइटमों की संख्या और प्रत्येक आइटम कस्टम स्वरूपित करना चाहता हूं। यहां कोड

$("#text1").autocomplete({ 
    minLength: 2, 
    source: function (request, response) { 
    var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i") 
    , results = []; 
    $.each(source, function (i, value) { 
    if (matcher.test(value.value) && $.inArray(value.label, results) < 0) { 
    results.push(value.label); 
    } 
    }); 

    response(results); 
    } 
}).data("autocomplete") 
     ._renderMenu = function(ul, items) { 
     var self = this; 
     $.each(items, function (index, item) { 
      if (index < 10) { 
       $.ui.autocomplete.prototype._renderItem = function(ul, item) { 
       var re = new RegExp("^" + this.term, "i"); 
       var t = item.label.replace(re, "<span style='font-weight:bold;color: Blue;'>" + "$&" + "</span>"); 
       var listItem = $("<li></li>") 
           .data("item.autocomplete", item) 
           .append("<a>" + t + "</a>") 
           .appendTo(ul); 
       return listItem; 

       } 
      } 
      }); 
     }; 

ऐसा लगता है कि यह कोई परिणाम नहीं फेंक रहा है। इसके बारे में कोई मदद?

Answer 1

मैंने इसे समझ लिया। ऐसा लगता है कि मुझे _renderMenu और _renderItem दोनों को ओवरराइड करना है। यह अब काम करता है।