adding multi-model editing using accepts_nested_attributes_for

ravindrakumawat · Aug 4, 2009 · c0557d5 · c0557d5
1 parent 1fb85c2
commit c0557d5
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 1 deletion.
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
@@ -1,3 +1,16 @@
 # Methods added to this helper will be available to all templates in the application.
 module ApplicationHelper
+  def add_task_link(name, f)
+    fields = new_child_fields(f, :tasks)
+    link_to_function(name, "insert_fields('tasks', '#{escape_javascript(fields)}')")
+  end
+
+  def new_child_fields(form_builder, method, options = {})
+    options[:object] ||= form_builder.object.class.reflect_on_association(method).klass.new
+    options[:partial] ||= method.to_s.singularize
+    options[:form_builder_local] ||= :f
+    form_builder.fields_for(method, options[:object], :child_index => 'NEW_RECORD') do |f|
+      render(:partial => options[:partial], :locals => { options[:form_builder_local] => f })
+    end
+  end
 end
diff --git a/app/models/project.rb b/app/models/project.rb
@@ -1,4 +1,5 @@
 class Project < ActiveRecord::Base
   has_many :tasks
   validates_presence_of :name
+  accepts_nested_attributes_for :tasks, :reject_if => lambda { |a| a.values.all?(&:blank?) }, :allow_destroy => true
 end
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -4,6 +4,7 @@
   <head>
     <title><%= h(yield(:title) || "Untitled") %></title>
     <%= stylesheet_link_tag 'application' %>
+    <%= javascript_include_tag :defaults %>
     <%= yield(:head) %>
   </head>
   <body>

diff --git a/app/views/projects/_form.html.erb b/app/views/projects/_form.html.erb
@@ -1,8 +1,16 @@
-<%= error_messages_for :project %>
 <% form_for @project do |f| %>
+  <%= f.error_messages %>
   <p>
     <%= f.label :name %><br />
     <%= f.text_field :name %>
   </p>
+
+  <h3>Tasks</h3>
+  <div id="tasks">
+  <% f.fields_for :tasks do |task_form| %>
+    <%= render :partial => 'task', :locals => { :f => task_form } %>
+  <% end %>
+  </div>
+  <p><%= add_task_link "New Task", f %></p>
   <p><%= f.submit "Submit" %></p>
 <% end %>
diff --git a/app/views/projects/_task.html.erb b/app/views/projects/_task.html.erb
@@ -0,0 +1,6 @@
+<div class="field">
+  <%= f.label :name, "Task" %>
+  <%= f.text_field :name %>
+  <%= f.check_box :_delete %>
+  <%= f.label :_delete, "(remove)" %>
+</div>
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
@@ -1,2 +1,8 @@
 // Place your application-specific JavaScript functions and classes here
 // This file is automatically included by javascript_include_tag :defaults
+function insert_fields(element_id, content) {
+  var new_id = new Date().getTime();
+  $(element_id).insert({
+    bottom: content.replace(/NEW_RECORD/g, new_id)
+  });
+}
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
@@ -68,15 +68,22 @@ body {
   background-color: #c00;
   color: #fff;
 }
+
 #errorExplanation p {
   color: #333;
   margin-bottom: 0;
   padding: 8px;
 }
+
 #errorExplanation ul {
   margin: 2px 24px;
 }
+
 #errorExplanation ul li {
   font-size: 12px;
   list-style: disc;
 }
+
+.field {
+  margin: 8px 0;
+}