Question

在bootstrap选项卡式导航中，我有多个提交按钮（每个选项卡一个）。在提交时，页面提交（我没有使用ajax）并返回到相同的选项卡。但是，在返回提交页面的选项卡之前，会出现第一个选项卡（活动选项卡），然后显示当前选项卡。在本地环境中，这不会被注意到，但在生产环境中，这很容易被发现。

以下是示例代码段。有什么输入吗？

<div>
  <ul class="nav nav-tabs id='tabviewid'>
        <li class=" active "><a href="#tab1 " data-toggle="tab ">Tab1</a></li>
        <li class="active "><a href="#tab2 " data-toggle="tab ">Tab2</a></li>
  </ul>            
</div>

<div class="col-md-12 tab-content ">        
        <div class="tab-pane active " id="tab1 ">
            {{Form::open(array('url' => 'Home','class' => 'form-horizontal'))}}
		<div>
                    {{Form::submit('Create',array('class' => 'btn  btn-sm btn-primary openbutton', 'id' => 'btnCreate', 'name' => 'Create'));}}
                </div>
            {{Form::close()}}
       </div>
       <div class="tab-pane" id="tab2 ">
            {{Form::open(array('url' => 'Home','class' => 'form-horizontal'))}}
                <div>
                    {{Form::submit('Update',array('class' => 'btn  btn-sm btn-primary openbutton', 'id' => 'btnUpdate', 'name' => 'Update'));}}
                </div>
            {{Form::close()}}
       </div>
</div>

Answer 1

删除

中的“有效”课程

<div class="tab-pane active " id="tab1 ">

在控制器中有动作“Home”

public function postHome(){
    ...
    $tab = Input::get("Create") ? "tab1" : "tab2";
    return Redirect::back()->with("active", $tab);
}

在您的视图中

$active = Session::get("active"); // Can put in controller or view
...
<div class="tab-pane {{$active == "tab1" ? "active" : ""}} " id="tab1 ">
...
<div class="tab-pane {{$active == "tab2" ? "active" : ""}} " id="tab2 ">

Bootstrap选项卡式导航 - 多个提交按钮

1 个答案: