跨选项卡的单一表单

Question

我想跨选项卡跨越表单，这样无论编辑哪个选项卡，一个提交按钮都可以提交编辑。这是我尝试过的不起作用的方法。我正在使用 Rails 4、haml、simple_form 和 Bootstrap 3。

%ul.nav.nav-tabs
  %li.active
  %a{"data-toggle" => "tab", href: "#tab_1"} Tab 1
  %li
  %a{"data-toggle" => "tab", href: "#tab_2"} Tab 2
.tab-content
  =simple_form_for @account do |f|
    #tab_1.tab-pane.active
    =f.input :account_number
    =f.input :name
    #tab_2.tab-pane
    =f.input :account_datails_1
    =f.input :account_deatils_2
    .form-actions
      = f.submit nil, :class => 'btn btn-primary'
      = link_to 'Cancel', accounts_path, :class => 'btn'

我知道我可以在每个选项卡上放置一个单独的表单，但我想通过一次提交将其他选项卡上的详细信息分开。这可能吗？

Answer 1

我以前遇到过这种情况，我所要做的就是这样做（当然这可能不是理想的做法，但确实对我有用）：

=simple_form_for @account do |f|
  %ul.nav.nav-tabs
    %li.active
    %a{"data-toggle" => "tab", href: "#tab_1"} Tab 1
    %li
    %a{"data-toggle" => "tab", href: "#tab_2"} Tab 2
  .tab_content  
    #tab_1.tab-pane.in.active
    =f.input :account_number
    =f.input :name
    #tab_2.tab-pane
    =f.input :account_datails_1
    =f.input :account_deatils_2
  .form-actions
    = f.submit nil, :class => 'btn btn-primary'
    = link_to 'Cancel', accounts_path, :class => 'btn'

本质上，只需将 '= simple_form' 表达式移到 .tab_content 上方