jQuery категоризированный autocomplete поиск

Question

Я искал это по всему Интернету и на веб-сайте stackoverflow, но не могу найти решение, что искал.

Я пытаюсь реализовать категоризированную панель поиска, и у меня есть метод _renderItem для вызова внутри метода _renderMenu, но он не работает!

Ниже мой код:

var categorySearch = $("#searchfield").autocomplete({}).data('ui-autocomplete');  


    _renderItem = function(ul, item) { 
     return $('<li>')         
     .data('item.autocomplete', item) 
     .append("<a>"+"<img src ='/account/"+item.id+"/icon/logo' onerror='$(this).hide()' style='width:40px;height:40px;border-radius:50px' alt=''/>" + " " + " " +item.label+"</a>") 
     .appendTo(ul); 

    }; 

    categorySearch._renderMenu = function(ul, items){ 
     var that = this; 
     currentCategory = " "; 
     $.each(items, function(index, item) { 
      if(item.category !== currentCategory) { 
      ul.append("<li><strong>" +item.category +"</strong></li>"); 
      currentCategory = item.category; 
     } 
     that._renderItem(ul, item); 
     }); 
    }; 

Все работает отлично, за исключением моего _renderItem метод не получает реализован. Есть ли другой способ вызвать переопределенный метод renderItem?

Answer 1

Я нашел решение!

я должен был изменить свой _renderItem метод следующим образом:

categorySearch._renderItem