4

Estou usando o seguinte código para usar tabs em minha aplicação Asp.Net, existe alguma forma de adicionar um evento para que quando trocar de aba executar algum evento no lado do servidor igual o evento da TabContainer do ajaxcontroltoolkit ? (http://www.ajaxcontroltoolkit.com/Tabs/Tabs.aspx)

Não estou usando a TabContainer pelo motivo de não conseguir aplicar o Bootstrap nela.

Encontrei o código abaixo mas ele faz no lado do cliente.

https://stackoverflow.com/questions/20705905/bootstrap-3-jquery-event-for-active-tab-change

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  var target = $(e.target).attr("href") // activated tab
  alert(target);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<ul id="myTab" class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
  <li class=""><a href="#profile" data-toggle="tab">Profile</a></li>
</ul>
<div id="myTabContent" class="tab-content">
  <div class="tab-pane fade active in" id="home">
    home tab!
  </div>
  <div class="tab-pane fade" id="profile">
    profile tab!
  </div>
</div>
3

1 Resposta 1

1

Ao invés de você usar link normal você pode usar LinkButton do asp.net e pegar o evento do click no lado do servidor:

<ul id="myTab" class="nav nav-tabs">
<li class="active"><asp:LinkButton data-toggle="tab" OnClick="Method_Click">Home</a></li>
<li class=""><asp:LinkButton data-toggle="tab" OnClick="Method_Click"></li>
</ul>
<div id="myTabContent" class="tab-content">
 <div class="tab-pane fade active in" id="home">
     home tab!
  </div>
   <div class="tab-pane fade" id="profile">
    profile tab!
  </div>
</div>
2
  • Seu código não funciona mas você me deu uma luz usando LinkButton, depois vou colocar minha resposta para que possa ver. De qualquer forma obrigado. Commented 30/03/2016 às 19:26
  • Não funcionou, mesmo usando runat="server"? Commented 12/02/2019 às 17:39

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .