jQueryUI 자동 완성으로 사용자에게 10 개 이상의 결과가 표시되지 않습니다.

Question

현재 jquery-ui-1.8.10을 사용 중입니다. 자동 완성 구성 요소를 사용하고 있으며 문서에서 10 개 이상의 결과를 반환하도록 구성 할 수있는 방법을 찾을 수 없습니다. 목록에는 서버에서 10 개 이상의 결과가 반환되지만 사용자는 http://jqueryui.com/demos/autocomplete/

여기에 유사한 포스트이지만, 최대 나를 위해 작동하지 않습니다 그리고 그는 그가 말한다하더라도, jQueryUI에서 자동 완성 이외의 다른 구성 요소를 사용하는 것처럼 느낀다. jQuery autocomplete won't show more than 10 results

사용자에게 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); 
    };