Download:

Download (15.9 MB, 12:40)
alternative download for iPod & Apple TV (20.2 MB, 12:40)

Resourcen:

• Episode 196: Nested Model Form Part 1
• nested_form
• Full episode source code

Quellcode:

<!-- _form.html.erb -->
<p><%= link_to_add_fields "Add Question", f, :questions %></p>

<!-- _question_fields.html.erb -->
<%= link_to_remove_fields "remove", f %>
...
<p><%= link_to_add_fields "Add Answer", f, :answers %></p>

<!-- _answer_fields.html.erb -->
<%= link_to_remove_fields "remove", f %>

// 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)
  });
}

// application_jquery.js
function remove_fields(link) {
  $(link).prev("input[type=hidden]").val("1");
  $(link).closest(".fields").hide();
}

function add_fields(link, association, content) {
  var new_id = new Date().getTime();
  var regexp = new RegExp("new_" + association, "g")
  $(link).parent().before(content.replace(regexp, new_id));
}