remove_fields&在rails 3.0.9中添加不在嵌套表单上工作的字段链接

时间:2011-12-15 07:06:59

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

我正在关注Ryan bates neted_forms第1集& 2来自rails casts,我已经在我的一个项目中实现了嵌套表单功能。它工作正常,没有任何错误,但在我的新项目中,我使用的是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”可能会产生问题&amp;它应该是value =“1”,因为我之前的代码生成的值=“1”。有人可以帮我解决上述问题吗?

2 个答案:

答案 0 :(得分:1)

将此js放在application.js文件中

  

function remove_fields(link){
  $(链接).prev( “输入[类型=隐藏]”)VAL( “1”);。
  $(链接).closest( “田”)隐藏()。 }

     

function add_fields(link,association,content){var new_id = new   。日期()的getTime(); var regexp = new RegExp(“new_”+ association,   “G”); $(link).parent()。before(content.replace(regexp,new_id)); }

答案 1 :(得分:0)

我在删除时遇到了问题,直到我添加:allow_destroy =&gt;在我的父模型上是真的。