Hello guys, i'm using bootstarp for tabs, i've tried everything, but nothing seems to work, can someone please help me, this is the code I have so far, i took it from another forum, it work with jquery TAB, but not with bootstarp, can someone make it work for bootstarp or another way to prtevent chaging the app after post back? thanks
<script type="text/javascript">
var selected_tab = 1;
$(function () {
var tabs = $("#tabs").tab({
select: function (e, i) {
selected_tab = i.index;
}
});
selected_tab = $("[id$=selected_tab]").val() != "" ? parseInt($("[id$=selected_tab]").val()) : 0;
tabs.tab('show', selected_tab);
$("form").submit(function () {
$("[id$=selected_tab]").val(selected_tab);
});
});
</script>
<asp:UpdatePanel ID="UpdatePanel_frm_avion" runat="server">
<ContentTemplate>
<%--<div id="tabs">--%>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" id="tabs">
<li><a href="#gestion" role="tab" data-toggle="tab">Gestion</a></li>
<li><a href="#buscar" role="tab" data-toggle="tab">Buscar</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="gestion">
<asp:Button ID="cmd_nuevo"
ValidationGroup="ingresodatos"
CausesValidation="false"
runat="server" Text="Nuevo" />
<asp:Button ID="cmd_guardar"
runat="server" Text="Guardar" />
<asp:Button ID="cmd_cancelar"
ValidationGroup="ingresodatos"
CausesValidation="false"
runat="server" Text="Cancelar" />
<asp:Button ID="cmd_eliminar"
ValidationGroup="ingresodatos"
CausesValidation="false"
runat="server" Text="Eliminar" />
<asp:ConfirmButtonExtender ID="ConfirmButtonExtender_cmd_eliminar"
TargetControlID="cmd_eliminar"
ConfirmText="Quiere eliminar los datos selccionados?"
runat="server"></asp:ConfirmButtonExtender>
<asp:Button ID="cmd_imprimir"
ValidationGroup="ingresodatos"
CausesValidation="false"
runat="server" Text="Imprimir" OnClientClick="window.print();" />
</fieldset>
<fieldset><legend>Datos del formulario</legend>
<table>
<tr style="width:auto">
<td>Identificación:</td>
<td><asp:TextBox ID="txt_id_avion" runat="server"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender_txt_id_avion"
TargetControlID="txt_id_avion"
FilterMode="ValidChars"
FilterType="Numbers"
runat="server"></asp:FilteredTextBoxExtender>
<asp:RequiredFieldValidator ID="RequiredFieldValidator_txt_id_avion"
ControlToValidate="txt_id_avion"
runat="server"
Display="None"
ErrorMessage="Escriba su numero de identificacion"></asp:RequiredFieldValidator>
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender_txt_id_avion"
TargetControlID="RequiredFieldValidator_txt_id_avion"
runat="server"></asp:ValidatorCalloutExtender></td>
</tr>
<tr style="width:auto">
<td>Marca del Avion:</td>
<td> <asp:TextBox ID="txt_nombre" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator_txt_nombre"
ControlToValidate="txt_nombre"
runat="server"
Display="None"
ErrorMessage="Escriba la marca del Avion"></asp:RequiredFieldValidator>
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender_txt_nombre"
TargetControlID="RequiredFieldValidator_txt_nombre"
runat="server"></asp:ValidatorCalloutExtender></td>
</tr>
<tr style="width:auto">
<td>Modelo del Avion:</td>
<td><asp:TextBox ID="txt_modelo" runat="server"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender_txt_modelo"
TargetControlID="txt_modelo"
FilterMode="ValidChars"
FilterType="Numbers"
runat="server"></asp:FilteredTextBoxExtender>
<asp:RequiredFieldValidator ID="RequiredFieldValidator_txt_modelo"
ControlToValidate="txt_modelo"
runat="server"
Display="None"
ErrorMessage=""></asp:RequiredFieldValidator>
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender_txt_modelo"
TargetControlID="RequiredFieldValidator_txt_modelo"
runat="server"></asp:ValidatorCalloutExtender></td>
</tr>
</table>
</div>
<div class="tab-pane" id="buscar">
<asp:TextBox ID="txt_buscar" runat="server"></asp:TextBox>
<asp:Button ID="cmd_buscar"
ValidationGroup="busqueda"
CausesValidation="true" runat="server" Text="Buscar"/>
</fieldset>
<asp:GridView ID="GridView_buscar" runat="server" CellPadding="4" DataSourceID="SqlDataSource_buscar" ForeColor="#333333" GridLines="None">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:CommandField ButtonType="Button" SelectText="Seleccionar " ShowSelectButton="True" />
</Columns>
<EditRowStyle BackColor="#2461BF" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F5F7FB" />
<SortedAscendingHeaderStyle BackColor="#6D95E1" />
<SortedDescendingCellStyle BackColor="#E9EBEF" />
<SortedDescendingHeaderStyle BackColor="#4870BE" />
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource_buscar" runat="server"></asp:SqlDataSource>
</div>
</div>
<%--</div> --%>
<asp:HiddenField ID="selected_tab" runat="server"/>
</ContentTemplate>
</asp:UpdatePanel>
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
selected_tab.Value = Request.Form(selected_tab.UniqueID)
If Not IsPostBack Then
habilitarBotones = True
Session("frm_avion_Modo_Edicion") = False
End If
End Sub
thanks in advance