如何使用带有可编辑文本的ajax更新记录？ （导轨4）

Question

我想在表格中编辑一些文本以获得与best_in_place类似的结果。 但是我不确定这是否是最适合我需要的宝石/解决方案。 如果我没有错，这将需要每个表行的表单..这可能会非常难看。

是否有一个解决方案/ gem允许我编辑文本（页面名称）而不使用from并使用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

你可以试试jEditable它是一个jQuery插件。

这是一个演示

Answer 2

https://github.com/bernat/best_in_place

Ddemo在这里http://bipapp.heroku.com/users/49

然后更新您需要的页面名称：

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

ps该演示看起来并不那么花哨，但是这个gem提供了许多选项来定制css类。