Jquery自動完成 - 編程和硬編碼響應

Question

我正在修改一些jquery自動完成代碼。當前的代碼工作正常，響應列表是以編程方式生成的，但我想在響應列表的頂部添加一個硬編碼的「All Companies」，這將與響應列表中的其他條目一樣起作用。這裏是我一起工作的代碼：

$(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: "" 
        } 
        })); 

我試圖預謀，這使「所有公司」頂部但按鈕根本不起作用，像其他列表元素：

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

任何幫助，將不勝感激。謝謝。

Answer 1

您只能調用一次response（）。您需要創建一個結果列表：

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)); 
}