远程后刷新页面=>真正的模态表单提交

Refreshing page after remote => true modal form submission

本文关键字：表单提交 模态 gt 刷新      更新时间：2023-09-26

我有一个带有表单的Modal，在没有验证错误的情况下提交后，我试图关闭Modal并用新结果刷新页面。但我无法让它发挥作用。我有这个代码（Rails3）：

我的控制器：

    def create
    @stuff = Stuff.new(params[:stuff])
       respond_to do |format|
          if @stuff.save
             format.js 
          else
             format.js
          end
       end
     end

_addModal.html.erb

<div id="addModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Label</h3>
    </div>
        <div class="modal-body">
            <p>
                <fieldset>
                <label></label>
                <%= render 'form2' %>    
                </fieldset>
            </p>
        </div>
    </div>

_form2.html.erb

%= form_for(@stuff, :remote => true) do |f| %>
   <% if @stuff.errors.any? %>
     <div id="error_explanation">
       <div class="alert">
          <h2><%= @stuff.errors.count %></h2>
        <ul>
          <% @stuff.errors.full_messages.each do |msg| %>
           <li><%= msg %></li>
          <% end %>
        </ul>
            </div>
          </div>
               <% end %>
     <%= f.label :name %><br />
     <%= f.text_field :name %>

    <%= f.submit %>
  <% end %>

create.js.erb

<%- if @stuff.errors.any? %>
           $('#addModal').html('<%= escape_javascript(render :partial => "form2") %>');
           <%- else %>
          $('#addModal').modal('hide').empty();

          <%- end %>

你知道我该怎么做吗？

谢谢！

更新：

此外，我收到了一些问题：1） 如果出现验证错误，create.js.erb将返回仅包含"form2"内容的新Modal，而不包含#addModal布局。我该怎么修？

2） 成功服从后如何清理表格？

将其添加到js.erb文件中，以自动重新加载页面

<%- if @stuff.errors.any? %>
  $('#addModal').html('<%= escape_javascript(render :partial => "form2") %>');
<%- else %>
  $('#addModal').modal('hide').empty();
  window.location.reload();
<%- end %>
相关文章：