Problem with Railscast # 197 - Nested Model Part 2

Question

Problem with Railscast # 197 - Nested Model Part 2

I am trying to implement Ryan Railscast # 197 on a system with parameters for questions, answers, and (multiple choice). http://railscasts.com/episodes/197-nested-model-form-part-2 .

I have successfully implemented nesting between these forms / particles.
The simplest way to delete entries using the checkbox works correctly.
The problem occurs when I try to add / remove entries.

I copied the code exactly as it appeared in its Railscast:

#new.html.erb
<%= javascript_include_tag :defaults, :cache => true %>
<% f.fields_for :in_options do |builder| %>
  <%= render "option_fields", :f => builder %>
<% end %>

#_option_fields.html.erb partial
<%= f.hidden_field :_destroy %>
<%= link_to_function "remove", "remove_fields(this)" %>

#application_helper.rb (exact same as #197)
  def link_to_remove_fields(name, f)
    f.hidden_field(:_destroy) + link_to_function(name, "remove_fields(this)")
  end

  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, h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")"))
  end

#application.js (exact same as #197. I have an Event.addbehavior below this code.)
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)
  });
}

2 problems:

When I click the delete link, it is not deleted - it just moves the page up or down.
When I turn on link_to_add_fields "Add an answer", f :: answers, I get the undefined `klass' method for nil: NilClass.

------ PROGRESS ------

remove_fields (link) new.html.erb, . , application.js. .

# layout forms.html.erb
<html>
  <head>    
    <%= stylesheet_link_tag "global", "forms", "candidateCreateProfile", "LiveValidation", "formsAccount", :cache => true %>
    <%= javascript_include_tag :defaults, "LiveValidation" %>
  </head>
  <body>
    <%= yield %>
  </body>
</html>

# new.html.erb
<%= stylesheet_link_tag "interviewQuestions" %>
<%= javascript_include_tag "effects", "lowpro", "toggle", :cache => true %>
...#everything else, including my call to remove_fields

+3

javascript ruby-on-rails nested-forms railscasts

sscirrus 18 . '10 1:49

5

jibiel · Answer 1 · 2011-05-19T07:52:49+0000

, undefined `klass ' nil: NilClass, . - has_many: nested_form,

weltschmerz · Answer 2 · 2013-03-30T13:35:44+0000

- , gem.

railscast.

thomasfedb · Answer 3 · 2010-06-18T16:05:05+0000

Are you sure the application ... js is included in the output? You may need to edit the layout.

user2834919 · Answer 4 · 2013-10-01T12:53:46+0000

In my case, javascript was not called like this, I change the request to:

link_to name, '#', onclick: "add_fields(this,'#{association}','#{escape_javascript(fields)}')";

alucillo36 · Answer 5 · 2014-01-14T03:23:30+0000

Instead of jQuery, the prototype library syntax is used. Go to the episode page and find the code snippet that provides the syntax for both the prototype and jQuery.

Problem with Railscast # 197 - Nested Model Part 2

More articles: