jquery - 如何在rails应用程序中使用jquery自动完成

Question

我正在使用rails 4。我尝试在我的应用程序中使用自动完成功能。但是在安装 autocomplete 时，它​​会抛出类似无法找到生成器 autocomplete:install 的错误。

请指导我如何在我的应用程序中使用自动完成功能。

在 View 中

<%= simple_form_for @vehicle_driver,remote: true, html: {class: 'form-inline form-horizontal vehicle_driver' }, :validate => true do |f| %>
<div class="control-group string optional vehicle_driver_vehicle_code">
    <label class="string optional control-label" for="vehicle_code">Vehicle</label>
    <div class="controls">
    <%= f.select :vehicle_id, vehicle_assign_driver, {},{}  %>
     <%= link_to new_vehicle_path do %>
       <span class='icon-plus-sign'></span><br>
    <% end %>

  </div>
 </div> 
 <div class="control-group string optional vehicle_driver_driver_name">
    <label class="string optional control-label" for="driver_name">Driver</label>
    <div class="controls">
    <%= f.select :driver_id,  driver_list, {},{}    %>
     <%= link_to new_driver_path do %>
      <span class='icon-plus-sign'></span><br>
    <% end %>

  </div>
</div>
   <div style="padding-left:15em">
 <%= f.button  :submit, {value:'Assign', class: 'btn btn-primary'} %>
 <span id="updated1" class="inline icon-ok hidden" style="display: none;">Assigned Successfully</span>
</div>
<% end %>

在应用程序 Controller 中

def driver_list
        Driver.where(:driver_allotted => false).map{|i|[i.first_name.capitalize, i.id]}
    end

我正在使用 f.select 在下拉列表中显示驱动程序列表。相反，它将显示在自动完成中。

如何以简单的形式使用自动完成功能。请分享您的想法

Answer 1

很简单:

在 View 中，您需要一个文本字段。

在你的js文件中:

$( "#driver_id" ).autocomplete({ source: "/controller_name?filter_key=attr_name", minLength: 0 });

在您的 Controller 中，您将获得 params[:term] 以及 text_field 值:

if params[:term]
  @drivers = Driver.where(filter_key.to_sym => params[:term]).map(&filter_key.to_sym)
end

请不要将您的驱动程序代码放在 application_controller 中，而应将其放在 driver_controller 中。