質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

Q&A

1回答

2807閲覧

nested-fieldsにて、追加は上手くいっているものの、削除する際に、全ての要素が消えてしまいます。

kento2543

総合スコア163

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

0グッド

0クリップ

投稿2017/04/28 13:47

編集2017/04/28 13:48

次のようなテーブルを作成したく、
tbody内にあるtrを動的に追加、削除する機能を実装したいです。

追加ボタンを押した際は、上手く追加してくれるのですが、
削除ボタンを押すとtbody以下の内容がすべて消えてしまします。

想定する挙動としましては、ボタンを押した箇所のtrタグ内のコードのみ消えてほしいのですが。。。

宜しくお願いいたします。

_form.html.erb

<table class="table"> <thead> <tr> <th class="col-sm-1"><%= t('aaaaa') %></th> <th class="col-sm-1"><%= t('bbbbb') %></th> <th class="col-sm-2"><%= t('ccccc') %></th> <th></th> </tr> </thead> <tbody class="nested-fields"> <%= f.fields_for :categories do |ff| %> <%= render "category_fields", { f: ff } %> <% end %> </tbody> </table> <%= link_to_add_association '追加', f, :categories, data: { association_insertion_node: '.nested-fields', association_insertion_method: 'append' }, class: 'btn' %>

_category_fields.html.erb

<tr> <td class="col-sm-1"><%= f.select aaaaa %></td> <td class="col-sm-1"><%= f,text_field bbbb %></td> <td class="col-sm-2"><%= f.text_field cccc %></td> <td><%= link_to_remove_association '削除', f %></td> </tr>

UserモデルとCategoryモデルがあり、
今回は、Categoryモデルを動的に追加、削除できるようにしたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

<tr> に field classを追加してください まあ、[参考サイト](http://qiita.com/Matsushin/items/4829e12da2834d6e386e) を参照した前提ですが。

また、質問の本質的な部分はイベントにフックさせたjsです。
こういった質問をする場合、どんなgemを使ったか、参考にしたサイトなどを
明記して質問するようにしましょう

投稿2017/05/01 07:04

編集2017/05/01 07:18
moke

総合スコア2241

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問