頑張ったり頑張らなかったりこの広告は、90日以上更新していないブログに表示しています。プログラミング今回はRecipeとIngredientというモデルがあり、その中間テーブルとしてRecipeItemというモデルがあります。RecipeItemにはamountという属性があり、Recipeのフォーム画面において、関連するIngredientをセレクトボックスから選び、その量(amount)も登録できるようにします。動的に関連する要素(今回はIngredient)を追加していけるフォームを作成したいので、cocoonというgemを導入することにします。2.4.6まず画像からレシピの詳細画面はこんなです。わかりにくいですが、セレクトボックスで「Bacon」を選択し、その下の「Amount」に100を入力しています。Ingredient」というリンクをクリックすると、フォームが追加されます。fat」が登録されています。'cocoon'これだけでなく、application.jsに以下を記述します。:recipe_itemsを記述します。ちなみにこの記事内ではバリデーションなどの記述は省いています。endホワイトリストがごちゃごちゃしていますが・・・。:_destroy]があります。注意点としては、:idと:_destroyは必須ということです。:nutrient]を追加しています。:nutrient]]おわかりいただけただろうか・・・。:ingredientend中間テーブル。ここはなんてことはないです。}endenumでnutrient(栄養素)を4つ作っています。%>レシピ用の2つのtext_fieldの下に、材料用のフィールドを作成、そこでさらにrecipe_items用のパーシャルをレンダリングしていると。パーシャル名は基本_{model}_fields.html.erbです。%>で関連追加用のリンクを生成しています。%></div>まずパーシャル内では.nested-fieldsクラスを付加したコンテナが必要です。このクラスを見てJSで削除してるみたい。method.https://github.com/nathanvda/cocoon#partial-1collection_selectを使用して材料をセレクトボックスから選択します。%>で、このパーシャル部分を削除できるリンクを生成しています。'0.1'の指定くらいですかね。:amountがfloatなので。stuffgithubにリポジトリ作りましたー。(1)月別アーカイブリンクRSSフィードリンクはてなブログブログをはじめる週刊はてなブログはてなブログProQiitanoriyotcpのtipsはてなブログをはじめよう!noriyo_tcpさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。