提交的form_for外循环按钮(Submit button outside form_for lo

2019-10-16 22:07发布

我一直在使用Twitter的引导设置一些水平制表符,我呈现内的每个标签的形式:

<div class="tab-content">
  <div id="tab1" class="tab-pane active">
      <%= render :partial => "shipdr/websites/form", locals: {:@shipdr_website => shipdr_website} %>
  </div>
  <div id="tab2" class="tab-pane">
    Another form (not yet implemented)
  </div>
  <div id="tab3" class="tab-pane">
    Another form (not yet implemented).
  </div>
</div>

然后在shipdr /网站/ I型有:

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

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

  <div class="field">
    <%= f.input :name %>
  </div>
  <div class="field">
    <%= f.input :url %>
  </div>
  <div class="field">
    <%= f.input :api_key %>
  </div>
  <div class="actions">
    <%= f.submit nil, :class => "btn btn-primary" %>
  </div>
<% end %>

我想,当用户点击提交按钮,将“标签内容”区域之外将提交按钮,这样,所有提交的三种形式的区域。 所有表格将使用相同型号和相同的动作,但也会有不同的领域。 除了我使用标签的想法是相似的向导。

没有人有任何想法,我怎么能的form_for循环之外将提交按钮,我怎么能有一个按钮提交的三种形式?

Answer 1:

我不知道你是否能同时提交3种形式。 但是,你可以这样做:

<div class="tab-content">
  <%= simple_form_for(@shipdr_website) do |f| %>
    <div id="tab1" class="tab-pane active">
      <%= render :partial => "shipdr/websites/form", locals => {:f => f, :shipdr_website => @shipdr_website} %>
    </div>
    <div id="tab2" class="tab-pane">
      Another form (not yet implemented)
    </div>
    <div id="tab3" class="tab-pane">
      Another form (not yet implemented).
    </div>
  <% end %>
</div>

从你的谐音删除,只留下输入。

<%= simple_form_for(@shipdr_website) do |f| %>


Answer 2:

我认为,这样做的最好的办法是用javascript:你可以移动的按钮,并在通过Ajax一次发送3种形式。 如果你使用jQuery,您可以使用http://jquery.malsup.com/form



文章来源: Submit button outside form_for loop