0

有Dog模型和Specie模型，属于Dog。创建 Dog 时，Rails 还会生成嵌套表单来添加物种，通过按钮“添加物种”。麻烦的是，添加嵌套表单后的视图发生在父表单之前。如果我添加了很多额外的嵌套表单，则父表单是最后一个表单。肯定不好。

class Dog < ActiveRecord::Base
  attr_accessible :name, :species_attributes
  has_many :species
  accepts_nested_attributes_for :species
  validates :name, :presence => true
end

class Specie < ActiveRecord::Base
  attr_accessible :name, :specie_id
  belongs_to :dog
  validates :name, :presence => true
end

<

div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>
    <%= f.fields_for :species do |builder| %>
        <%= render 'specie_fields', :f=> builder %>
    <% end %>
    <%= button_to_add_fields 'Add Specie', f, :species %>
  <div class="actions">
    <%= f.submit %>
  </div>
  <% end %>

_specie_fields.html.erb：

<div class="field">
<%= f.label :name, 'Specie' %> <br />
<%= f.text_field :name %>
<%= f.hidden_field :_destroy %>
<%= button_to_function 'Specie delete', 'remove_fields(this)' %>
</div>

辅助方法：

module ApplicationHelper
  def button_to_add_fields(name, f, association)
    new_object = f.object.class.reflect_on_association(association).klass.new
    fields = f.fields_for(association, new_object, :child_index => "new_#{association}") do |builder|
      render(association.to_s.singularize + "_fields", :f => builder)
    end
    button_to_function(name, "add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")")
  end
end

JS文件：

 function add_fields(link, association, content) {
        var new_id = new Date().getTime();
        var regexp = new RegExp("new_" + association, "g")
        $(link).parent().before(content.replace(regexp, new_id));
4

2 回答 2

0

你必须检查你的 JS 函数“add_fields”。

此功能将您的嵌套表单添加到错误的位置。

于 2013-02-28T14:18:23.903 回答
0

在 JS 文件中替换parent().before为before如下所示：

 $(link).before(content.replace(regexp, new_id));

这样，您在按钮之前插入您的部分（来自您的助手$(link)中this的这一行：）button_to_function(name, "add_fields(this, ...，而不是在它的父级之前（这是您的父级<%= button_to_add_fields 'Add Specie', f, :species %>，可能是整个表单）。

于 2013-02-28T18:05:32.640 回答