2013-10-09 25 views
3

我正在使用rails 4.我试图在我的应用程序中使用自动完成功能。但是当安装自动完成时,它会抛出错误,如找不到生成器自动完成:安装。如何在rails应用程序中使用jquery自动完成

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

在查看

<%= 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在下降显示驱动程序列表下来。而不是它会显示在自动完成。

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

回答

2

这很简单:

鉴于你需要一个text_field。

在你的js文件:

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

在你的控制器,你会得到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。

相关问题