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)