Rails：使用提交按钮在编辑表单中进行就地编辑答案

【问题标题】：Rails:In-place editing in edit form with submit buttonRails：使用提交按钮在编辑表单中进行就地编辑
【发布时间】：2014-05-01 10:15:36
【问题描述】：

我想创建我的编辑表单，以便它将当前用户信息简单地显示为文本而不是文本字段，当用户单击文本时，它将变成文本字段，用户可以编辑他的信息。只有当用户单击提交按钮时，更改才会反映在数据库中。简单地说，它不是完全就地编辑，也不完全像默认编辑形式，它是两种功能的混合。

我的表单如下所示。这是不完整的表单，这些是表单的一些字段。

<%=  form_for @contact, :html => { :multipart => true, :class => "contact_form"} do |f| %>

  <% if @contact.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@contact.errors.count, "error") %> prohibited this contact from being saved:</h2>

      <ul>
      <% @contact.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

     <div class="field">
        <%= f.label :f_name, "First Name" %><br/>
        <%= f.text_field :f_name %>
     </div>
       <div class ="field">
         <%= f.label :experience, "Total years of experience "%><br/>
         <%= f.select :experience, (0...30),{},{:class => 'select'} %>
       </div>


       <div class="field">
         <%= f.label :l_name, "Last Name" %><br/>
         <%= f.text_field :l_name %>
       </div>


       <div class = "field">
         <%= f.label :primary_practice_area, "Primary practice area"  %><br/>
         <%=  f.select :primary_practice_area , MetaPracticeArea.all.collect {|p| [ p.practice_area, p.id ] }    %>

       </div>

       <div class = "field">
         <%= f.label :phone, "Phone"  %><br/>
         <%= f.text_field :phone %>
       </div>
       <div class="actions">
         <%= f.submit :class => "submit_btn" %>
       </div>
<% end %>

控制器和模型是默认的。

【问题讨论】：

标签： javascript jquery ruby-on-rails ruby forms

【解决方案1】：

你可以试试 REST_in_place gem：https://github.com/janv/rest_in_place

【讨论】：

我试过这个..但我不想在编辑时提交表单我想通过提交按钮提交。
那么你应该使用jquery javascript来绑定文本的onclick事件并使文本不可见；编辑框 - 可见。那样的东西

【解决方案2】：

检查以下链接以获取 in_place_editing ：

http://railscasts.com/episodes/302-in-place-editing?view=asciicast

【讨论】：

这个我已经检查过了，但我不想这样..我想通过一个按钮提交表单。