1

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

部門は正しい部門に属しています。

私の部門で_controller.rb

私の新しい方法は、ライアン 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 の内容は変更していません。これがデフォルトです。

どんな回避策も素晴らしいでしょう。ありがとう

4

1 に答える 1

0

ごめん...

COCOON gem を使用してクエリを解決しました。https://github.com/nathanvda/cocoon

使い方はとても簡単です。

于 2012-12-11T08:48:10.990 に答える