Rails 3个不同的自动填充字段

我在页面上有两个不同的自动填充字段，每个字段都要从数据库的不同来源填充。我的问题是当我测试页面时，两个自动完成行为有时会在每个其他文本字段中切换。Rails 3个不同的自动填充字段

我的观点谐音如下所示（我也跟着railscasts）：

<fieldset> 
    <%= f.text_field :ability_title, {:class => 'autocomplete_field', data: { autocomplete_source: abilities_path } } %> 
    <%= f.label :points %>: <%= f.text_field :points %> 
    <%= f.hidden_field :_destroy %> 
    <%= link_to "remove", '#', class: "remove_fields" %> 
</fieldset> 

<fieldset> 
    <%= f.text_field :mission_title, {:class => 'autocomplete_field', data: {autocomplete_source: missions_path } } %> 
    <%= f.hidden_field :_destroy %> 
    <%= link_to "remove", '#', class: "remove_fields" %> 
</fieldset>

我的javascript：

jQuery -> 
    $('fieldset').live 'click', -> 
    $('.autocomplete_field').autocomplete 
     source: $('.autocomplete_field').data('autocomplete-source')

和我的控制器：

def index 
    if params[:term].present? 
    @abilities = Ability.search_titles(params[:term]) 
    else 
    @abilities = Ability.all 
    end 

    respond_to do |format| 
    format.html # index.html.erb 
    format.json { render json: @abilities } 
    end 
end 

def index 
    if params[:term].present? 
    @missions = Mission.search_titles(params[:term]) 
    else 
    @missions = Mission.all 
    end 

    respond_to do |format| 
    format.html # index.html.erb 
    format.json { render json: @missions.map(&:title) } 
    end 
end

感谢

来源

2012-10-08 GTDev

试试看如果这个源码可行：$（this）.data（'autocomplete-source'） – Rubyman

我认为你需要区分IDS两个文本字段，如：

<fieldset> 
    <%= f.text_field :ability_title, {:id => 'autocomplete_field1', data: { autocomplete_source: abilities_path } } %> 
    <%= f.label :points %>: <%= f.text_field :points %> 
    <%= f.hidden_field :_destroy %> 
    <%= link_to "remove", '#', class: "remove_fields" %> 
</fieldset> 

<fieldset> 
    <%= f.text_field :mission_title, {:id => 'autocomplete_field2', data: {autocomplete_source: missions_path } } %> 
    <%= f.hidden_field :_destroy %> 
    <%= link_to "remove", '#', class: "remove_fields" %> 
</fieldset> 
My javascript: 

jQuery -> 
    $('fieldset').live 'click', -> 

    $('#autocomplete_field1').autocomplete 
     source: $('#autocomplete_field1').data('autocomplete-source') 
    $('#autocomplete_field2').autocomplete 
     source: $('#autocomplete_field2').data('autocomplete-source')

编辑：更优雅的解决方案：

jQuery -> 
    $('fieldset').live 'click', -> 
    $('#autocomplete_field1, #autocomplete_field2').each (index, element) => 
     $(element).autocomplete 
     source: $(element).data('autocomplete-source')

来源

2012-10-08 09:57:32 santuxus

这个很有效，但我觉得它有点不雅。有没有干净的方法来避免重复？ – GTDev

尝试，如果这部作品在您的JS更换源文件

source: $(this).data('autocomplete-source')

来源

2012-10-08 10:14:16 Rubyman

没有为我工作 – GTDev

Rails 3个不同的自动填充字段

回答

相关问题