Hi folks.
I'm trying to do stuff with models nested one layer deeper than I've
done in the past...and it's just not working properly. Here's the
situation:
* I have three models involved here: Recipe, IngredientLine, and
Ingredient (it's a cookbook application).
class Recipe < ActiveRecord::Base
has_many :ingredient_lines
has_many :ingredients, :through => :ingredient_lines
end
class IngredientLine < ActiveRecord::Base
belongs_to :ingredient
belongs_to :recipe
end
class Ingredient < ActiveRecord::Base
has_many :ingredient_lines
has_many :recipes, :through => :ingredient_lines
end
* I'm trying to develop a form which edits a Recipe along with its
associated IngredientLines and Ingredients. Right now, I've been
working with this sort of thing (it's a Facebook app, hence the .fbml
extension, and I'm only doing relevant excerpts so as not to take up
too much space here):
--- recipe/views/new.fbml.haml ---
- form_for(@current_object) do |f|
= f.text_field :name
= render :partial => 'ingredient', :locals => {:f => f}
= f.text_area :instructions
--- recipe/views/_ingredient.fbml.haml ---
- f.fields_for :ingredient_lines, :index => nil do |ff|
%td= ff.text_field :quantity, :size => 3, :maxlength => 3, :id =>
nil
%td= ff.text_field :unit, :id => nil
- ff.fields_for :ingredient do |i|
%td= i.text_field :name, :id => nil
* I've tried this with fields_for instead of f.fields_for as well.
* There's some JavaScript to produce multiple copies of the partial
for multiple ingredient, but I'm omitting that since it's not relevant
here.
* The HTML/FBML output for this is as expected:
<form action="/recipes" class="new_recipe" id="recipe_1015"
method="post">
<input id="recipe_name" name="recipe[name]" size="30" type="text" />
<input id="recipe_ingredient_lines__quantity" maxlength="3"
name="recipe[ingredient_lines][][quantity]" size="3" type="text" />
<input id="recipe_ingredient_lines__unit" name="recipe
[ingredient_lines][][unit]" size="30" type="text" />
<input id="recipe_ingredient_lines__ingredient_name" name="recipe
[ingredient_lines][][ingredient][name]" size="30" type="text" />
<textarea cols="40" id="recipe_instructions" name="recipe
[instructions]" rows="20"></textarea>
</form>
So far so good. But here's the problem: *submissions don't work quite
properly*. When I fill out the form and submit it, I get params
entries like
"recipe"=>{"name"=>"Recipe", "ingredient_lines"=>[{"quantity"=>"1",
"unit"=>"cup", "ingredient"=>{}}], "instructions"=>"Preheat oven to
350°..."}. Note that ingredient_lines[0].ingredient.name is missing,
even if I enter text in the corresponding form field -- in other
words, what I should be seeing is something like "recipe"=>
{"name"=>"Recipe", "ingredient_lines"=>[{"quantity"=>"1",
"unit"=>"cup", "ingredient"=>{"name" => "flour"}}],
"instructions"=>"Preheat oven to 350°..."}. What am I doing wrong?
Any suggestions would be helpful. Thanks in advance!
Best,
