ボタンをクリックした後にページを更新しないようにする

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番目のタブの上にいる時、私のページに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" /> 

私はあなたがあなたのタブを切り替える方法を知りませんが、各タブの変化にあなたは（ジャバスクリプトによって）隠しフィールドでのインデックスを保存する必要があります。たとえば、2番目のタブを選択した場合、非表示フィールドの値はに変更する必要があります。

最後に、このスクリプトをすべてのタブの後に追加します。

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