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

之上

单个表单跨越选项卡

1 个答案: