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