Rails, Nested Forms and collection_select

I spent a bit of time on this tonight and thought I’d post about it.

I have a Property model that has a has_one relationship with an Address model. I want to be able to CRUD these two objects as one single entity, however. Luckily, nested forms were recently introduced into Rails 2.3.2 and they seemed like they’d simplify the whole process. Which they did once I put everything together. First, my models:

class Property  true

class Address < ActiveRecord::Base
  has_one :property
  # the Address model has a :city string column that will get populated from
  # a drop-down list in our view

This is the basic stuff that any tutorial on nested forms in Rails will tell you about, with the exception of creating a default instance of the address in the property constructor. This is most likely specific to the has_one case. Most of the examples I have seen deal only with has_many, where behind the scenes rails creates an empty list and we’ll never end up with nil reference errors in our view. This was the first issue I had to solve. Now let’s move on to our new.html.erb view:


The trick here is to make sure you qualify the collection_select for cities with the specific fields_for instance. If you don’t, the form will render and appear to be ok until you post to the create action or view the generated source:

notice how I've removed the af. qualifier on collection select, and added in a new parameter :address. This is how most tutorials show you how to use it The problem with this is that the rendered html does not generate properly for our nested form scenario

Once you qualify the collection_select helper properly, you should get generated html that looks like this:


Now when you post the form, Rails nested form magic just works. My controller looks just as you’d expect (ie; no different than the non-nested form scenario)

  def create
    @property = Property.new(params[:property])
    respond_to do |format|
      if @property.save
        flash[:notice] = 'Property was successfully created.'
        format.html { redirect_to(@property) }
        format.html { render :action => "new" }

Hopefully I’ve explained this properly. Feel free to ask questions in the comments if I haven’t.


2 responses to this post.

  1. Posted by Anoon on June 30, 2009 at 12:12 pm

    You should get rid of the frame at the top of this page. I don’t need to know where your resume is all the time, if at all. Nice tips though :).


  2. Posted by Jeff Perrin on June 30, 2009 at 6:08 pm

    It’s not a frame. It’s position: fixed;


Leave a Reply to Anoon Cancel reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: