我关注了 https://github.com/ryanb/nested_form
删除功能有效,但添加字段无效。
在我的模型中,我正确地接受了嵌套属性。我的部门有很多部门。
在除法.rb
class Division < ActiveRecord::Base
attr_accessible :name, :departments_attributes
has_many :departments, :dependent => :destroy
accepts_nested_attributes_for :departments, :reject_if => lambda { |a| a[:name].blank? }, :allow_destroy => true
end
在部门.rb
class Department < ActiveRecord::Base
attr_accessible :division_id, :name
belongs_to :division
belongs_to :user
end
部门属于部门,这是正确的。
在我的 divisions_controller.rb
我的新方法与 Ryan B 的示例完全相同:https ://github.com/ryanb/complex-form-examples/tree/nested_form
def new
@division = Division.new
@division.departments.build
end
另外我需要在我的 application.js 中使用 nested_form.js
//= require nested_form
嵌套表格.js:
jQuery(function($) {
$('form a.add_nested_fields').live('click', function() {
// Setup
var assoc = $(this).attr('data-association'); // Name of child
var content = $('#' + assoc + '_fields_blueprint').html(); // Fields template
// Make the context correct by replacing new_<parents> with the generated ID
// of each of the parent objects
var context = ($(this).closest('.fields').find('input:first').attr('name') || '').replace(new RegExp('\[[a-z]+\]$'), '');
// context will be something like this for a brand new form:
// project[tasks_attributes][new_1255929127459][assignments_attributes][new_1255929128105]
// or for an edit form:
// project[tasks_attributes][0][assignments_attributes][1]
if(context) {
var parent_names = context.match(/[a-z_]+_attributes/g) || [];
var parent_ids = context.match(/(new_)?[0-9]+/g) || [];
for(i = 0; i < parent_names.length; i++) {
if(parent_ids[i]) {
content = content.replace(
new RegExp('(_' + parent_names[i] + ')_.+?_', 'g'),
'$1_' + parent_ids[i] + '_');
content = content.replace(
new RegExp('(\\[' + parent_names[i] + '\\])\\[.+?\\]', 'g'),
'$1[' + parent_ids[i] + ']');
}
}
}
// Make a unique ID for the new child
var regexp = new RegExp('new_' + assoc, 'g');
var new_id = new Date().getTime();
content = content.replace(regexp, "new_" + new_id);
$(this).before(content);
$(this).closest("form").trigger('nested:fieldAdded');
return false;
});
$('form a.remove_nested_fields').live('click', function() {
var hidden_field = $(this).prev('input[type=hidden]')[0];
if(hidden_field) {
hidden_field.value = '1';
}
$(this).closest('.fields').hide();
$(this).closest("form").trigger('nested:fieldRemoved');
return false;
});
});
我没有更改nested_form.js 中的某些内容,因为我从复杂的示例存储库中复制了它,所以这是默认设置。
任何解决方法都会很棒。谢谢