在以下ASP.NET MVC Core
视图中,每个Bootstrap选项卡窗格中都使用了两种不同的表单。我们如何使表单提交的选项卡处于活动状态? 注意:在实际情况中,有两个以上的标签。为简洁起见,我只包括两个标签。
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#Tab1">Test Tab</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane in active">
<form asp-controller="myController" asp-action="myAction1" method="post">
<h3>HOME</h3>
<p>Some content.</p>
<input type="submit" name="GO" value="Value1" />
</form>
</div>
<div id="Tab1" class="tab-pane">
<form asp-controller="myController" asp-action="myAction2" method="post">
<h3>Test</h3>
<p>Some content in here.</p>
<input type="submit" name="GO" value="Value2" />
</form>
</div>
</div>
答案 0 :(得分:2)
您可以根据视图模型添加类:
<div class="tab-pane @(Model.HomeTab ? " active" : "")">
...
</div>