link_to _remove正在运行,但link_to_add在nested_form RAILS 3中不起作用

时间:2012-12-10 14:58:11

标签: ruby-on-rails nested-forms nested-form-for

我关注https://github.com/ryanb/nested_form

删除功能正在运行,但添加字段无效。

在我的模型中,我正确地接受了嵌套属性。我的部门有很多部门。

在division.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

在department.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

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中的内容,因为我从复杂的样本仓库中复制了它,所以这是默认设置。

任何解决方法都会很棒。感谢

1 个答案:

答案 0 :(得分:0)

抱歉......

我使用COCOON gem解决了我的疑问。 https://github.com/nathanvda/cocoon

这很容易使用。