我正在关注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”。有人可以帮我解决上述问题吗?
答案 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;在我的父模型上是真的。