Question

我正在为我的项目使用引导程序模板，同时在第二个选项卡的页面回发第一个选项卡显示时使用选项卡。我尝试过不同的东西，但请不要帮忙。

<div id="validationWizard" class="basic-wizard">
    <ul class="nav nav-pills nav-justified">
        <li><a href="#vtab1" data-toggle="tab"><span>1 :</span> Basic Details</a></li>
        <li><a href="#vtab2" data-toggle="tab"><span>2:</span> Family Details</a></li>
        <li><a href="#vtab3" data-toggle="tab"><span>3:</span> Previous School</a></li>
        <li><a href="#vtab4" data-toggle="tab"><span>4:</span> Document Details</a></li>
        <li><a href="#vtab5" data-toggle="tab"><span>5:</span> Registration Details</a></li>
        <li><a href="#vtab5" data-toggle="tab"><span>5:</span> Save Details</a></li>
    </ul>
</div>

Answer 1

您需要通过在隐藏字段中保存当前选项卡索引并使用javascript / jquery在页面渲染后设置当前选项卡来显式维护选项卡的状态。当您在客户端应用选项卡样式时，服务器不知道当前活动选项卡的状态。如果使用asp.net ajax控件工具包 - 选项卡控件，那么ASP.NET会自动维护选项卡的状态。

Asp.Net在bootstrap中使用Tab键时无法将焦点保留在post back上的选定选项卡上

1 个答案: