Ограничить результат в автозаполнении jQuery

Последнее обновление
после того, как я понял, что в своих предыдущих ответах я ограничивал весь набор результатов xml, а не результаты автозаполнения

Поскольку вы переопределили метод _renderItem по умолчанию, вы можете переопределить метод _renderMenu по умолчанию.

$.ui.autocomplete.prototype._renderMenu = function( ul, items ) {
   var self = this;
   $.each( items, function( index, item ) {
      if (index < 10) // here we define how many results to show
         {self._renderItem( ul, item );}
      });
}

ответ изменен из этого jQueryUI: как я могу отформатировать результаты плагина автозаполнения в произвольном формате? благодарим @cheeso ..

Исходный ответ

В вашем success обратном вызове используйте $("SearchModel:lt(10)", xmlResponse).map(...

:lt(10) получает элементы с индексом меньше 10. Таким образом, будет возвращено не более 10 результатов.

(Конечно, число 10 может быть любым)

Посмотрите на :lt() селектор на http://api.jquery.com/lt-selector/.

обновить

Хотя я не могу понять, почему первый ответ не работает, поскольку SearchModel - это тег, и мы нацелены на это ... мы можем переместить фильтрацию в метод карты ..

success: function(xmlResponse) {
                var data = $("SearchModel", xmlResponse).map(function(index) {
                    if (index<10)
                      {
                        return {
                            value: $("Name", this).text() + ", " + $("Description", this).text(),
                            id: $("No", this).text(),
                            name: $("Name", this).text(),
                            url: $("URL", this).text()
                               };
                      }
                      else
                      { return null; }
                }).get();

документация по карте ()

Почему бы не ограничить данные, которые ваш запрос возвращает из вашего источника xml?

Редактировать:

Вы должны помнить, что функция автозаполнения по существу использует регулярное выражение для сопоставления элементов в источнике данных. Наличие большого источника данных - это плохо, потому что ему приходится анализировать так много данных, чтобы просто найти правильный элемент.

Это то, что я сделал на основе некоторого чтения документации API автозаполнения.

$input.autocomplete({
  source: function( request, response ) {
    $.getJSON('search.php', request, function( data, status, xhr ) {
      // return a max of 10 results.
      response( data.slice(0, 9) );
    });
  }
})

Следование этому шаблону избавляет от необходимости делать какие-либо забавные вещи в слое рендеринга.

Самый быстрый способ ограничить результаты - это сделать это во время «открытого» события. Мы можем удалить часть содержимого, динамически созданного jquery ui, уменьшив массив дочерних элементов.

Это решение решило ту же проблему для меня:

var maxResults = 10;
$input.autocomplete({
    source: somefile.json,
    open: function(event,ui){
          $(this).data("uiAutocomplete").menu.element.children().slice(maxResults).remove();
         }
})

Вы можете добавить обработчик для события «open»:

    open:function(event,ui){ 
    var maxListLength=10;
    var ul = jQuery( "#txtTopSearch" ).autocomplete("widget")[0];
    while(ul.childNodes.length > maxListLength)
          ul.removeChild(ul.childNodes[ul.childNodes.length-1]);
    }