前提・実現したいこと
nested_formを利用して、フォームの動的な追加・削除を実装したいと考えています。
解決したい問題は、最下部に記述しています。
Gemfile
ruby
1gem 'rails', '5.1.4' 2gem 'puma', '3.9.1' 3gem 'sass-rails', '5.0.6' 4gem 'uglifier', '3.2.0' 5gem 'coffee-rails', '4.2.2' 6gem 'jquery-rails', '4.3.1' 7gem 'turbolinks', '5.0.1' 8gem 'jbuilder', '2.7.0' 9gem 'solargraph', '0.18.3' 10gem 'devise' 11gem "nested_form" 12 13group :development, :test do 14 gem 'sqlite3', '1.3.13' 15 gem 'byebug', '9.0.6', platform: :mri 16end 17 18group :development do 19 gem 'web-console', '3.5.1' 20 gem 'listen', '3.1.5' 21 gem 'spring', '2.0.2' 22 gem 'spring-watcher-listen', '2.0.1' 23end 24 25gem 'pg', '0.20.0' 26 27 28gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
application.js
... //= require jquery_nested_form
model
question.rb (親モデル)
class Question < ApplicationRecord ... has_many :answers accepts_nested_attributes_for :answers, allow_destroy: true end
answer.rb(子モデル)
class Answer < ApplicationRecord belongs_to :question ... end
###migrate
question.rb
class CreateQuestions < ActiveRecord::Migration[5.1] def change create_table :questions do |t| t.integer :user_id t.string :title, limit: 32, null: false t.text :body, limit: 5000, null: false t.date :expire_date t.timestamps end end end
answer.rb
class CreateAnswers < ActiveRecord::Migration[5.1] def change create_table :answers do |t| t.integer :question_id t.string :answer, limit: 250, null: false t.boolean :other t.timestamps end end end
###view
new.html
<h2>投票作成</h2> <%= render 'form', question: @question %>
_form.html.erb
<%= nested_form_for(question) do |f| %> <div class="field"> <%= f.label :title %><br /> <%= f.text_field :title %> </div> <div class="field"> <%= f.label :body %><br /> <%= f.text_area :body %> </div> <%= f.fields_for :answers do |af| %> <div class="field"> <%= af.label :answer %><br /> <%= af.text_field :answer %> </div> <%= af.hidden_field :other, value: "false" %> <%= af.link_to_remove "削除" %> <% end %> <%= f.link_to_add "追加", :answers %> <div class="field"> <%= f.label :expire_date %><br /> <%= f.date_field :expire_date %> </div> <%= f.hidden_field :user_id, value: current_user.id %> <div class="actions"> <%= f.submit %> </div> <% end %>
###controller
questions_controller.rb
... def new @question = Question.new @question.answers.build end def create @question = Question.new(question_params) if @question.save redirect_to @question, notice: "作成しました。" else render :new end end # StrongParameters def question_params params.require(:question).permit(:user_id, :title, :body, :expire_date, answers_attributes: [:answer, :other]) end ...
解決したい問題
上記ソースにより、Answerのフォームに動的な追加・削除を実装したいのですが、行が追加されません。
ボタン(赤枠の箇所)は以下のように表示されています。
エラーは出ていないのですが、どこに原因がありそうか、ご教授いただけると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/25 12:02