Rails嵌套模型表单：使用Prototype通过JavaScript动态添加嵌套模型字段

Question

我从2010年1月开始关注Railscast tutorial。

我正在实施has_many Items的项目列表。

动态添加项目字段的代码无效。

视图/项目/ _form.html.erb

<%= form_for(@project) do |f| %>
  <p>
    <%= f.label :title %><br />
    <%= f.text_field :title %>
  </p>

  <% f.fields_for :items do |builder| %>
    <%= render "item_fields", :f => builder %>
  <% end %>
  <p><%= link_to_add_fields "+item", f, :items %></p>

  <div class="actions"><%= f.submit %></div>
<% end %>

视图/项目/ _item_fields.html.erb

<div class="fields">
  <p>
    <%= f.label :name, "item" %>
    <%= link_to_remove_fields "remove", f %><br />
    <%= f.text_field :name %>
  </p>
</div>

助手/ application_helper.rb

  def link_to_remove_fields(name, f)
    f.hidden_field(:_destroy) + link_to_function(name, "remove_fields(this)")
  end

  def link_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
    link_to_function(name, h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")"))
  end

公共/ Javascript角/ application.js中

function remove_fields(link) {
  $(link).previous("input[type=hidden]").value = "1";
  $(link).up(".fields").hide();
}

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

原始的2010年1月代码可在https://github.com/ryanb/railscasts-episodes/tree/master/episode-197/surveysays

获取

实现的不同之处在于我的代码只有1层（项目/项目）。本教程有更多嵌套（调查/问题+答案）。

我需要在javascript或其他部分进行哪些更改才能使添加新项目功能有效？

谢谢

Answer 1

模型需要在其中声明accepted_nested_attributes_for。

class Project < ActiveRecord::Base
  has_many :items
  accepts_nested_attributes_for :items
end

此外，除非您先安装http://github.com/rails/prototype_legacy_helper，否则link_to_remote不在Rails 3中。