x-editableを使ってupdateアクションを実装
やろうとしたこと:
インラインエディタを可能にするx-editableを用いて、userにネストされているprojectのupdateアクションを実装した。
X-editable :: In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
手順:
Ⅰ.X-editableを使用可能に
上記のサイトから、zipファイルをダウンロードし、マニフェストファイルにインクルードさせる。サーバーを立てて、htmlの検証、headタグにx-editableが読み込まれていることを確認
Ⅱ.X-editableを使う。
1.
Link_to タグにhtmlメソッドを入れ子する書き方
例)
<%= link_to user_project_path(@user, project) do %>
<div class="list-group-item" id="editable" data-type="text" data-pk="1" data-url="/patch" data-title="Edit Project">
<%= project.name %>
</div>
<% end %>
Prefixの確認の仕方
1.コンソールを開く
2.下記コマンド
include Rails.application.routes.url_helper
include ActionView::Helpers
3.自分が正しいと思うPrefixを入力し、正しいurlが返ってくることを確認
ネストされたアクションのprefix
例)/user/:id/project/:idのupdateアクション
=> user_project_path(@user, project)