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

时间:2013-10-09 10:18:53

标签: jquery ruby-on-rails autocomplete

我正在使用rails 4.我尝试在我的应用程序中使用自动完成功能。但是在安装自动完成时,会抛出错误,例如无法找到生成器自动完成:安装。

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

在视图中

<%= 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 %>

在应用程序控制器中

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

我正在使用f.select在下拉菜单中显示驱动程序列表。而不是它将显示在自动完成。

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

1 个答案:

答案 0 :(得分:2)

这很简单:

在视图中你需要一个text_field。

在你的js文件中:

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

在您的控制器中,您将获得带有text_field值的params[:term]

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

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