Dit is de basisbenadering die ik in een van mijn apps heb gevolgd. Probleem heeft veel antwoorden - probleem is een document, het antwoord is een ingesloten document. U kunt de link 'antwoord toevoegen' gebruiken om nog een antwoordveld te genereren en de link 'verwijderen' om er een te verwijderen.
_form.html.erb:
<% form_for @problem do |f| %>
<%= f.error_messages %>
<p>
<%= f.label :content %><br />
<%= f.text_area :content, :size => '50x7' %>
</p>
...etc...
<%= add_answer_link "(add answer)" %>
<div id="answers">
<%= render :partial => 'answer', :collection => @problem.answers %>
</div>
<p><%= f.submit "Submit" %></p>
<% end %>
_answer.html.erb:
<div class="answer">
<% fields_for 'problem[answers]', answer, :index => nil do |f| -%>
<%= f.label :content, "Answer #{answer.id}:" %>
<%= f.text_field :content, :size => 50 %>
<%= link_to_function "(remove)", "$(this).up('.answer').remove()" %>
<% end -%>
</div>
problemen_helper.rb
module ProblemsHelper
def add_answer_link(name)
link_to_function name do |page|
page.insert_html :bottom, "answers", :partial => 'answer', :object => Answer.new
end
end
end
Ik heb een paar kleine stukjes van de implementatie weggelaten, maar dat zou moeten werken.