Jquery 자동 완성 - 프로그래밍 방식 및 하드 코딩 된 응답

Question

일부 jquery 자동 완성 코드를 수정 중입니다. 현재 코드가 제대로 작동하고 응답 목록이 프로그래밍 방식으로 생성되지만 응답 목록의 상단에 하드 코드 된 "모든 회사"를 추가하여 응답 목록의 다른 항목과 똑같이 작동합니다. 여기에 내가 함께 일하고 코드입니다 :

$(function() { 
    $("#report_generator_search").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       url: "lib/test.php", 
       dataType: "json", 
       type: "POST", 
       data: { 
        action: "search_test", 
        featureClass: "P", 
        style: "full", 
        maxRows: 24, 
        searchTerm: request.term 
       }, 
       success: function(f) { 
        response($.map(f, function(item) { 
         return { 
          label: item.company_name + ' ('+item.company_id+') ' + item.generator_address, 
          value: item.company_name, 
          company_id: item.company_id 
         } 
        }));   
       } 
      }); 
     }, 
     minLength: 1, 
    }); 

내가 다른 응답을 추가 단순히 시도는 있지만 이동 :

response($.map(f, function(item) { 
         return { 
         label: "All Companies", 
         value: "All Companies", 
         company_id: "" 
        } 
        })); 

그리고 상단에있는 "모든 회사"를두고 prepending이를 시도했다 버튼은 다른 목록 요소와 마찬가지로 전혀 작동하지 않습니다.

$('.ui-autocomplete').prepend('<li class="ui-menu-item" role="menuitem"><a class="ui-corner-all" tabindex="-1">All Companies</a></li>'); 

아무 도움이됩니다. 고맙습니다.

Answer 1

응답()은 한 번만 호출 할 수 있습니다. 결과의 단일 목록을 만들어야합니다.

success: function(f) { 
    // Begin with your hard-coded choices 
    var staticChoices = [ 
     { 
      label: "All Companies", 
      value: "All Companies", 
      company_id: "" 
     } 
    ]; 

    // Parse downloaded choices 
    var dynamicChoices = $.map(f, function(item) { 
     return { 
      label: item.company_name + ' ('+item.company_id+') ' + item.generator_address, 
      value: item.company_name, 
      company_id: item.company_id 
     } 
    }); 

    // Combine the two :) 
    response(staticChoices.concat(dynamicChoices)); 
}