Nested Model Form - dynamically adding/removing fields

Question

I have been following the railscasts 'Nested Model Form Parts 1 & 2' about the survey form containing questions which in turn contain answers. The thing is that when the survey form is initially displayed, a question field, along with one answer field are displayed. When user clicks on the 'Add Question' field, only the question field is displayed. No answer field is displayed until user clicks on 'Add Answer'.

I would like both a question field and an answer field to be initially displayed when user clicks on 'Add Question'.

Currently the code is like this:

# helpers/application_helper.rb
module ApplicationHelper

  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
end




// application.js

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

Any help will be much appreciated.

Thanks a lot :)

Tarscher · Accepted Answer · 2011-02-18 12:59:30Z

1

The render(association.to_s.singularize + "_fields", :f => builder) calls a partial that contains the question field . You should look for the _question_fields in view/questions/ directory and add an answer field there

answered Feb 18, 2011 at 12:59

Tarscher

1,9332 gold badges22 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Kim Over a year ago

Thanks for the suggestion but my '_question_fields' file does contain the following: <% f.fields_for :answers do |builder| %> <%= render 'answer_fields', :f => builder %> <% end %>

Kim Over a year ago

Yet, it's displaying the answer field only when the survey form is initially loaded. Clicking on the 'Add Question' link displays only the question field with a link to add an answer. What i want is to display the answer field at the same time as the question field itself when 'Add Question' link is clicked upon

Tarscher Over a year ago

<% f.fields_for :answers do |builder| %> <%= render 'answer_fields', :f => builder %> <% end %> will render all the answers associated to the upper Question. When you add a question make sure that question also has an answer question = Question.new - question. answers << Answer.new

Collectives™ on Stack Overflow

Nested Model Form - dynamically adding/removing fields

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related