如何使用帶有可編輯文本的ajax更新記錄？ （Rails 4）

Question

我想使表格中的某些文本可編輯以獲得與best_in_place類似的結果。不過，我不確定這是否是最適合我需求的寶石/解決方案。如果我沒有錯，這將需要每個表格行的形式..這可能會變得非常醜陋。

是否有解決方案/創業板讓我編輯文本（頁面名稱）沒有來自和更新資源（頁面）使用Ajax？

我的觀點：

<% @pages.each do |page| %> 
     <tr> 
     <td><%= page.name %></td> 
     <td><%= link_to "Navigation", toggle_menu_page_path(page),remote: true, id: "menu_button_#{page.id}", class: menu_button(page) %></td> 
     <td><%= link_to "Publish", toggle_publish_page_path(page),remote: true, id: "publish_button_#{page.id}", class: publish_button(page) %></td> 
     <td><%= link_to 'Destroy',page,method: :delete, data: { confirm: 'Are you sure?' }, class: "btn btn-default" %></td> 
     <td><%= link_to 'Edit', edit_page_path(page), class: "btn btn-default" %></td> 
     </tr> 
     <% end %> 

Answer 1

https://github.com/bernat/best_in_place

Ddemo這裏http://bipapp.heroku.com/users/49

然後更新頁面名稱，你將需要：

<%= best_in_place @page, :name, :type => :input %> 

附：演示看起來不那麼奇特，但是這個寶石提供了很多選項來定製css類。

Answer 2

你可以嘗試jEditable 這是一個jQuery插件。

Here is a Demo