将 Tab 的重点放在回发上

本文关键字：Tab | 更新日期: 2023-09-27 18:34:25

我有一个 asp.net 页面，其中包含 4 个选项卡控件，每个控件使用以下 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>

我

遇到的问题是，在两个选项卡上，我有打开新模式/屏幕的网格视图。当关闭此模式/屏幕时，页面将刷新，焦点会自动返回到第一个选项卡，无论打开模式/屏幕时选择了哪个选项卡。

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

将 Tab 的重点放在回发上

更改

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

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

当我过去使用 jquery 选项卡时，我已经用 javascript 和 jquery 完成了这项工作，它的效果非常好。事实上，如果它有帮助，这里是如何使用jquery来做到这一点的。我相信您将能够根据自己的需求对其进行调整（或者如果您在页面背后的代码中完成所有操作，那么它会更容易）。