Ruby 使用Rails 3单击编辑按钮后重定向到同一页面

我有一个表单，当用户提交表单时，所有提交的数据都显示在表单下方的表格中。在此表格中有一个编辑选项。我希望当用户再次单击该编辑选项时，该表单将显示所有表格数据供用户编辑，并且用户将再次编辑和提交

我在下面解释我的代码

视图/vendor/vendor_add.html.erb：

视图/vendor/create_vendor.js.erb：

控制器/供应商\u controller.rb：

视图/vendor/\u vendor\u output\u table.html.erb：

---

选中此表，表的最后一行存在一个编辑选项。我需要当用户单击该编辑选项时，只有表单会再次显示，其中包含所有要编辑的表数据，并且用户会编辑并更新它。请帮助我。

在控制器中创建两个类似于vendor\u edit和vendor\u update的方法。与使用新建、创建、编辑和更新方法一样简单

---

并更新表单、路由等文件中的相应更改。

@jon:通过创建新的、创建的、编辑的流程，它将重定向到下一页，但我需要samei.e-vendor\u add.html.erb页面中的所有操作。不，您可以编写任何重定向。或者使用Ajax调用。@jon：你能举一个小例子，用上面的代码吗？我已经用Ajax调用提交表单了。你可以编辑上面的代码来编辑表单。

<div class="block block-themed">
    <div class="block-title">
        <div class="block-options">
            <a href="javascript:void(0)" class="btn btn-option enable-tooltip" data-toggle="block-collapse" title="Toggle block's content"><i class="fa fa-arrow-up"></i></a>
        </div>
            <h4>Vendor Details</h4>
    </div>
    <!--2nd_total_div-->
    <%= form_for :vendor,:url => {:action => "create_vendor" },remote: true do |f| %>
    <div class="block-content">
        <div class="timeline-container">
            <div class="input-group bmargindiv1 col-md-6 pull-left"><span class="input-group-addon text-left"><div class="leftsidetextwidth">Registration No :</div></span>
            <%= f.text_field :reg_no ,:class => "form-control",:id => "reg" %>
              </div>
              <div class="input-group bmargindiv1 col-md-6 pull-left" id="dp1" data-date="12-02-2015" data-date-format="dd-mm-yyyy"><span class="input-group-addon text-left"><div class="leftsidetextwidth">Date &amp; Time :</div></span>
              <%= f.text_field :dat ,:class => "form-control add-on",placeholder:"Date &amp; Time" %>
              </div>
            <div class="input-group bmargindiv1 col-md-6 pull-left"><span class="input-group-addon text-left"><div class="leftsidetextwidth">Name :</div></span>
             <%= f.text_field :v_name ,:class => "form-control",placeholder:"Name" %>
              </div>
              <div class="input-group bmargindiv1 col-md-6 pull-left"> <span class="input-group-addon text-left"><div class="leftsidetextwidth">Father Name :</div></span>
              <%= f.text_field :f_name ,:class => "form-control",placeholder:"Father Name" %>
              </div>
              <div class="input-group bmargindiv1 col-md-6 pull-left" id="dp2" data-date="12-02-2015" data-date-format="dd-mm-yyyy"><span class="input-group-addon text-left"><div class="leftsidetextwidth">Date of Birth :</div></span>
              <%= f.text_field :dob ,:class => "form-control add-on",placeholder:"Date of Birth" %>
              </div>
              <div class="input-group bmargindiv1 col-md-6 pull-left"> <span class="input-group-addon text-left"><div class="leftsidetextwidth">Mob. No :</div></span>
               <%= f.text_field :mob_no ,:class => "form-control",placeholder:"Mob. No" %>
              </div>
              <div class="input-group bmargindiv1 col-md-6 pull-left"><span class="input-group-addon text-left"><div class="leftsidetextwidth">Address :</div></span>
               <%= f.text_field :v_address ,:class => "form-control",placeholder:"Address" %>
              </div>
              <div class="input-group bmargindiv1 col-md-6 pull-left"> <span class="input-group-addon text-left"><div class="leftsidetextwidth">Service Category :</div></span>
              <%= f.select(:s_catagory,options_for_select([['Wood','Wood'],['Puja Samagree','Puja Samagree'],['Sweeper','Sweeper'],['Photo Grapher','Photo Grapher'],['Burning Assistant','Burning Assistant']],selected: "Select Category"),{},{:class => 'form-control'}) %>
              </div>
              <div class="clearfix"></div>
              <div class="tbpaddingdiv1 text-center">
                <%= f.submit "Submit",:class => "btn btn-success" %>
              </div>
        </div>
    </div>
    <% end %>
    <!--end_2nd_total_div-->
</div>
<!--end_1st_total_div-->
<div class="block block-themed" id="vendor-total-div" style="display:none;" >
    <div class="block-title">
        <div class="block-options">
            <a href="javascript:void(0)" class="btn btn-option enable-tooltip active" data-toggle="block-collapse" title="Toggle block's content"><i class="fa fa-arrow-down"></i></a>
        </div>
            <h4>Vendor Details</h4>
    </div>
    <!--2nd_total_div-->
    <div id="vendor-div">
      </div
</div>
<!--end_2nd_total_div-->
</div>

$("#vendor-total-div").css("display", "block");
$("#vendor-div").html("<%= escape_javascript (render 'vendor_output_table' ) %>");
$("#vendor-div").slideDown(350);

class VendorsController < ApplicationController
    def vendor_add
        @vendor=Vendor.new
        respond_to do |format|
            format.html
            format.js
        end
    end
    def create_vendor
        @vendor=Vendor.new(params[:vendor])
        if @vendor.save
            flash[:notice]="Vendor data has submitted"
            flash[:color]="valid"
        else
            flash[:alert]="Data could not submit"
            flash[:color]="invalid"
            render 'vendor_add'
        end
    end
end

<div class="block-content" style="display:none;">
        <div class="timeline-container">
          <div class="table-responsive">
                <table class="table table-bordered">
                <colgroup>
                    <col class="col-md-1 col-sm-1">
                    <col class="col-md-1 col-sm-1">
                    <col class="col-md-2 col-sm-2">
                    <col class="col-md-2 col-sm-2">
                    <col class="col-md-2 col-sm-2">
                    <col class="col-md-2 col-sm-2">
                    <col class="col-md-1 col-sm-1">
                    <col class="col-md-1 col-sm-1">
                </colgroup>
                <thead>
                    <tr>
                    <th class="text-center">Sl. No</th>
                    <th class="text-center">Date</th>
                    <th class="text-center">Registration No</th>
                    <th class="text-center">Name</th>
                    <th class="text-center">Mob. No</th>
                    <th class="text-center">Service Category</th>
                    <th class="text-center">Status</th>
                    <th class="text-center">Action</th>
                    </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="text-center"><%= @vendor.id %></td>
                    <td class="text-center"><%= @vendor.dat %></td>
                    <td class="text-center"><%= @vendor.reg_no %></td>
                    <td class="text-center"><%= @vendor.v_name %></td>
                    <td class="text-center"><%= @vendor.mob_no %></td>
                    <td class="text-center"><%= @vendor.s_catagory %></td>
                    <td class="text-center"><%= @vendor.id %></td>
                    <td class="text-center">
                        <div class="btn-group">
                            <a href="#" class="btn btn-xs btn-success" data-toggle="tooltip" data-placement="top" title="Edit">
                                <i class="fa fa-edit"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
        </div>
    </div>