автозаполнение jQueryUI не отображает пользователю более 10 результатов

Question

Я сейчас использую jquery-ui-1.8.10 Я использую компонент автозаполнения и не могу найти в документации какой-либо способ настроить его так, чтобы он возвращал пользователю более 10 результатов, даже если список содержит более 10 результатов, возвращаемых с сервера. http://jqueryui.com/demos/autocomplete/

Вот аналогичный пост, но Макс не работает для меня, и кажется, что он использует другой компонент, кроме автозаполнения из jQueryUI, даже если он говорит, что это так. jQuery автозаполнение не будет отображать более 10 результатов

Как настроить компонент для отображения более 10 результатов пользователю?

$("#module-name-search").autocomplete({
        source: "service/searchForModule?langCode=" + langCode,
        minLength: 3,
        max: 50,
        select: function(event, ui){
            $("#module-code-search").val(ui.item.id);
            $("#module-name-search").val(ui.item.text);

            return false;
        }
    }).data("autocomplete")._renderItem = function(ul, item){
        return $("<li></li>").data("item.autocomplete", item).append("<a style='font-size:9px;'>" + item.text + "</a>").appendTo(ul);
    };

Answer 1

Я нашел решение своей проблемы ... ниже приведен код.

$("#module-name-search").autocomplete({
        source: function( request, response ) {
            if (searchAjax != null) {
            searchAjax.abort();
        }
        searchAjax = $.ajax({
                url: "service/searchForModule?langCode=" + langCode,
                dataType: "json",
                data: {
                    term: encodeURI(request.term),
                    iTipeProgram: $("#prog-type-input").val()
                },
                success: function( data ) {
                    //alert(data);
                    response( data );
                }
            });
        },
        minLength: 3,
        select: function(event, ui){
            $("#module-code-search").val(ui.item.id);
            $("#module-name-search").val(ui.item.text);

            return false;
        },
        open: function() {
            $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
    }).data("autocomplete")._renderItem = function(ul, item){
        return $("<li></li>").data("item.autocomplete", item).append("<a style='font-size:9px;'>" + item.text + "</a>").appendTo(ul);
    };