c# - 即使在回发后，我如何保持选定的选项卡处于选中状态

Question

我的 aspx 表单上有一些列出的选项卡控件，如下所示

 <div id="tabs">
    <ul>

        <li><a href="#tabs-1">Tab A</a></li>
        <li><a href="#tabs-2">Tab B</a></li>
        <li><a href="#tabs-3">Tab C</a></li>

    </ul>
<div id="tabs-1"></div>
<div id="tabs-2"><asp:Button ID="someid" runat="server"/></div>
<div id="tabs-3"></div>
</div>

鼠标点击选项卡的导航是通过以下方式完成的:

 <script type="text/javascript">
    $(function () {
        $("#tabs").tabs();

    });
</script>

现在，我的问题是，即使在回发后，我如何保持所选选项卡的原样。例如，我选择包含 Button 的选项卡 B，该 Button 在单击时会导致回发。 回发发生后，Tab A regians 成为焦点，我必须手动选择 Tab B 进行辅助操作。

请帮我解决这个问题。

Answer 1

我认为本准则会对您有所帮助...

<div id="tabs">
        <asp:HiddenField ID="hidtab" Value="0" runat="server" />
        <ul>
            <li><a href="#tabs-1">Tab 1</a></li>
            <li><a href="#tabs-2">Tab 2</a></li>

        </ul>

        <div id="tabs-1">
            <asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click"/>
        </div>

        <div id="tabs-2">
            <asp:Button ID="Button2" runat="server" Text="Submit" OnClick="Button2_Click"/>
        </div>
    </div>

<script type="text/javascript">
        $(document).ready(function () {
            var st= $(this).find("input[id*='hidtab']").val();
            if (st== null)
                st= 0;
            $('[id$=tabs]').tabs({ selected: st});
        });
    </script>

protected void Button1_Click(object sender, EventArgs e)
{
    hidtab.Value = "0";
}

protected void Button2_Click(object sender, EventArgs e)
{
    hidtab.Value = "1";
}