保持 Tab 对 PostBack 的关注答案

【问题标题】：Keeping Tab's Focus on PostBack保持 Tab 对 PostBack 的关注
【发布时间】：2012-05-23 01:03:51
【问题描述】：

我有一个带有 4 个选项卡控件的 asp.net 页面，每个选项卡都使用以下 html（更改每个选项卡的 ID 等）：

 <ul id="ulTabs">
    <li class="displayItem" id="liSummary" style="display: block"><a ref="#divSummary">
       <span style="font-weight: bold; color: #4b6c9e">Margin Analysis Summary</span>
    </a></li></ul>

我遇到的问题是，在两个选项卡上我有 GridViews 可以打开一个新的模式/屏幕。然后关闭此模式/屏幕时，页面会刷新，并且焦点会自动返回到第一个选项卡，无论打开模式/屏幕时选择了哪个选项卡。

关于如何将焦点设置在当前选项卡上的任何想法？我在不同的链接上尝试了一些解决方案，但到目前为止一无所获。

【问题讨论】：

您是否在客户端使用任何脚本来显示模态？

标签： c# asp.net tabs html-lists

【解决方案1】：

当打开的选项卡改变时，将当前打开的选项卡的 ID 存储在 HiddenField 中。

然后在加载时（刷新后）打开由存储在隐藏字段中的 ID 表示的选项卡。

当我过去使用 jquery 选项卡时，我已经使用 javascript 和 jquery 完成了此操作，并且效果非常好。事实上，如果有帮助，here's how to do it with jquery。我相信您将能够根据自己的需要调整它（或者如果您在页面后面的代码中完成所有操作，那么它会更容易）。

【讨论】：

谢谢，我会检查一下并尽快回复您。