删除字段并添加字段链接不适用于 rails 3.0.9 中的嵌套表单答案

【问题标题】：remove_fields & add field link not working on nested form in rails 3.0.9删除字段并添加字段链接不适用于 rails 3.0.9 中的嵌套表单
【发布时间】：2011-12-15 07:06:59
【问题描述】：

我正在关注 Rails casts 中的 Ryan bates neted_forms 第 1 和第 2 集，我之前已经在我的一个项目中实现了嵌套表单功能，它工作正常，没有任何错误，但在我的新项目中，我使用的是相同的来自 rails casts 的引用，但删除和添加字段不起作用。

这是我的模型

has_many :contacts, :dependent => :destroy
accepts_nested_attributes_for :contacts, :reject_if => lambda { |a| a[:contact_name].blank? },     :allow_destroy => true

我正在使用的表单添加字段链接

       <div class="TabbedPanelsContent">
            <%= f.fields_for :contacts do |builder| %>
            <%= render "contact_fields", :f => builder %>
            <% end %>
        <p><%= link_to_add_fields "Add Contact", f, :contacts %></p>

          </div>

联系人的部分

<div class="fields">
<p class="lable">Contact Name</p>
<p class="field"><%= f.text_field :contact_name %></p></br>

<p class="lable">Mobile Number</p>
<p class="field"><%= f.text_field :contact_mobile_number %></p></br>

<p class="lable">Email Address</p>
<p class="field"><%= f.text_field :contact_email %></p></br>
<p><%= link_to_remove_fields "remove", f %></p> </div>

我写这个方法的应用助手

 # Method for removing fields
def link_to_remove_fields(name, f)
    f.hidden_field(:_destroy) + link_to_function(name, "remove_fields(this)")
  end

# Method for Adding fields

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

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)
 });
}

使用 firebug 我在执行此代码时生成的 html 中发现了一个问题

<p><input type="hidden" value="false" name="customer[contacts_attributes][1][_destroy]"   id="customer_contacts_attributes_1__destroy"><a onclick="remove_fields(this); return false;" href="#">remove</a></p>

在上面的代码中，value="false" 可能会产生问题，它应该是 value="1"，因为我之前的代码正在生成 value="1"。有人可以帮我解决上述问题吗？

【问题讨论】：

标签： javascript ruby-on-rails nested-forms

【解决方案1】：

把这个js放到application.js文件中

function remove_fields(link) {
$(link).prev("input[type=hidden]").val("1");
$(link).closest(".fields").hide(); }

function add_fields（链接，关联，内容）{ var new_id = new 日期().getTime(); var regexp = new RegExp("new_" + 关联， “G”）; $(link).parent().before(content.replace(regexp, new_id)); }

【讨论】：

【解决方案2】：

在我的父模型上添加 :allow_destroy => true 之前，我遇到了删除问题。

【讨论】：