railsで非同期通信するときのrender

Question

たとえば、

・home/index.erb.html
・partials/_list.erb.html
・partials/_list_item.erb.html

というファイルがあるとして、
index.erb.htmlを表示すると、部分テンプレートとして_list.erb.htmlをrenderして、その_list.erb.htmlの中で
さらに部分テンプレートとして_list_item.erb.htmlをrenderさせるとします。

そして、_list_item.erb.html内にあるボタンやリンクなどで非同期通信を実行して、_list.erb.htmlはそのままで、
_list_item.erb.htmlのみをrenderさせる、というようなことはできるのでしょうか？

具体的なソースはできていないのでざっくりとした説明になってしまうのですが、具体的な方法はともかく、
部分テンプレートを入れ子にした場合でもrenderすることができるかどうかをご教授いただけないでしょうか？

Answer 1

_list_item.erb.htmlのみをrenderさせる、というようなことはできるのでしょうか？

可能です。方針としては、

• list_item.erb.html のボタンにより ajax 発火
• Railsの特定のエンドポイントにリクエスト
• そのエンドポイントは結果として部分的な HTML もしくは JSON を返すようにする
• ajax の結果を受け取り、 JavaScript で HTML を入れ替える、もしくは JSONからHTMLを生成してHTML を入れ替える

ような流れです。

部分テンプレートを入れ子にした場合でも

特に部分テンプレートの使用法や入れ子であるかは関係がないかと思います。