單擊按鈕后停止頁面刷新

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個標簽，當我在第二個標簽上時，選中一個復選框，然后單擊帶有#btn的按鈕。已禁用頁面將回發並導航到第一個標簽。 我要停止。

我已經嘗試過了：1. AutoPostBack =假2. onClick =“返回假；” 但無法解決問題。

任何幫助將不勝感激。 :)

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');