Question

这不是重复的帖子，我已经检查了网上的所有答案，没有任何对我有用，所以我在这里发帖。

请找到代码。

 <form runat="server">
        <div class="card">
            <ul class="nav nav-tabs Main-Menu" role="tablist">
                <li role="presentation" class="active"><a href="#Enabled" class="element" style="font-size: 20px;" aria-controls="home" role="tab" data-toggle="tab">Check Box - Enabled</a></li>
                <li role="presentation"><a href="#Disabled" class="element" style="font-size: 20px;" aria-controls="profile" role="tab" data-toggle="tab">Check Box - Disabled</a></li>
            </ul>

            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="Enabled">
                    <asp:CheckBoxList runat="server" ID="CheckBoxEnabled" RepeatDirection="Horizontal">
                        <asp:ListItem Text="Selenium IDE"></asp:ListItem>
                        <asp:ListItem Text="Selenium RC"></asp:ListItem>
                    </asp:CheckBoxList>
                    <asp:Button runat="server" Text="Submit" CssClass="btn btn-success Elements-Text" OnClick="btnEnabled_Click" />
                    <asp:Label runat="server" ID="lblEnabled" CssClass="label success"></asp:Label>
                </div>
                <div role="tabpanel" class="tab-pane" id="Disabled">
                    <asp:CheckBoxList runat="server" ID="CheckBoxDisbled" RepeatDirection="Horizontal" CellPadding="5" CellSpacing="5" CssClass="element form-control">
                        <asp:ListItem Text="Selenium IDE"></asp:ListItem>
                        <asp:ListItem Text="Selenium RC" Enabled="false"></asp:ListItem>
                        <asp:ListItem Text="Selenium WebDriver"></asp:ListItem>
                        <asp:ListItem Text="Selenium Grid" Enabled="false"></asp:ListItem>
                    </asp:CheckBoxList>
                    <asp:Button runat="server" ID="btnDisabled" Text="Submit" CssClass="element btn btn-success" OnClick="btnDisabled_Click" />
                    <asp:Label runat="server" ID="lblDisabled" CssClass="label success"></asp:Label>
                </div>
            </div>
        </div>
    </form>

我的页面中有2个选项卡，当我在第二个选项卡上时，选择一个复选框并单击带有#btnDisabled的按钮页面获得回发并导航到第一个选项卡。我想要停止。

我已经尝试过， 1. AutoPostBack = false 2. onClick =“return false;” 但无法解决问题。

任何帮助将不胜感激。：）

Answer 1

你想做btnDisabled_Click，但不刷新整个页面。您需要围绕按钮的Ajax控件或任何需要更新的内容。检查工具列表以找到它。

（如果你没有，首先下载并安装AjaxControlToolkit。）

Answer 2

您可以将活动面板的索引保存在隐藏控件中，并在回发后使用它。

<input type="hidden" runat="server" id="tabIndex" value="0" />

我不知道你如何在标签之间切换，但是在每个标签的更改上你必须在隐藏字段中保存它的索引（通过javascript）。例如，如果您选择第二个标签，则隐藏字段的值必须更改为 1 。

最后在所有标签后添加此脚本。

var tabIndex = $('#tabIndex').val();
$('.tab-pane').removeClass('active');
$('.tab-pane').eq(tabIndex).addClass('active');

单击按钮后停止页面刷新

2 个答案: