none
Como faço para ativar Tabs selecionado após Postback Em Asp.Net Bootstrap ? RRS feed

  • Pergunta

  • Pessoal estou usando bootstrap para fazer abas . Porem todas as vezes que eu mudo de aba e faço algum de operação, que gere um postback, a aba não se mantem na mesma voltando para a primeira.

    Como eu poderia resolver esta situação?

    Obrigado,


    • Editado _Manigold_ sábado, 22 de novembro de 2014 19:38
    sábado, 22 de novembro de 2014 19:38

Todas as Respostas

  • Olá amigo fiz mas ainda não funcionou.

    Muito obrigado.

    domingo, 23 de novembro de 2014 16:00
  • Alguém por favor.

    Muito obrigado.


    • Editado _Manigold_ sexta-feira, 28 de novembro de 2014 18:21
    segunda-feira, 24 de novembro de 2014 16:22
  • Olá Amigo _Manigold_, resolvi meu problema assim. Indica nas triggers os objetos que causam postback que vai resolver.

    <Triggers>

    <asp:PostBackTrigger ControlID="gridview1"/>
                            <asp:PostBackTrigger ControlID="imb_busca"/>
                            <asp:PostBackTrigger ControlID="btn_Filtrar"/>
                            <asp:PostBackTrigger ControlID="TabContainer1$tabInformacoes$imb_cadastrar"/>
                            <asp:PostBackTrigger ControlID="TabContainer1$tabInformacoes$imb_gravar"/>
                            <asp:PostBackTrigger ControlID="TabContainer1$tabInformacoes$imb_cancelar" />
                            <asp:PostBackTrigger ControlID="TabContainer1$tabInformacoes$imb_excluir" />
                            <asp:PostBackTrigger ControlID="TabContainer1$tabEspecificacoes$imb_gravar_esp"/>
                            <asp:PostBackTrigger ControlID="TabContainer1$tabEspecificacoes$imb_cancelar_esp"/>
                            <asp:PostBackTrigger ControlID="TabContainer1$tabImpressao$ReportViewer1"/>
                            <asp:PostBackTrigger ControlID="TabContainer1"/>
    </Triggers>

                           
    quarta-feira, 11 de maio de 2016 18:26
  • Exemplo:

    ASPX:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormTab.aspx.cs" Inherits="WebApplication1.WebFormTab" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link href="Content/bootstrap.css" rel="stylesheet" />
        <script src="Scripts/jquery-1.10.2.js"></script>
        <script src="Scripts/bootstrap.js"></script>
        <script src="Scripts/modernizr-2.6.2.js"></script>
        <script src="Scripts/respond.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <div>
                    <ul class="nav nav-tabs" role="tablist" runat="server" id="myTabs">
                        <li role="presentation"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
                        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
                        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
                        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
                    </ul>
                    <div class="tab-content" runat="server" id="PanelContent">
                        <div role="tabpanel" class="tab-pane" id="home" runat="server">
                            <h3>Home</h3>
                            <asp:Button Text="Home" runat="server" ID="BtnHome" OnClick="BtnHome_Click" />
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile" runat="server">
                            <h3>Profile</h3>
                            <asp:Button Text="Profile" runat="server" ID="BtnProfile" OnClick="BtnProfile_Click" />
                        </div>
    
                        <div role="tabpanel" class="tab-pane" id="messages" runat="server">
                            <h3>Messages</h3>
                            <asp:Button Text="Messages" runat="server" ID="BtnMessage" OnClick="BtnMessage_Click" />
                        </div>
                        <div role="tabpanel" class="tab-pane" id="settings" runat="server">
                            <h3>Settings</h3>
                            <asp:Button Text="Settings" runat="server" ID="BtnSettings" OnClick="BtnSettings_Click" />
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <script>
            item = '#<%=PanelSelect%>';
            $(document).ready(function (e) {            
                $('#myTabs a[href="' + item + '"]').tab('show');
                console.log($(item));
            });
        </script>
    </body>
    </html>

    No código html foi colocado um myTabs nessa linha

    <ul class="nav nav-tabs" role="tablist" runat="server" id="myTabs">

    para identificar o item selecionado

    Ao clicar nos botões ele vai submeter uma configuração que será resgatada via javascript no trecho

    <script>
            item = '#<%=PanelSelect%>';
            $(document).ready(function (e) {            
                $('#myTabs a[href="' + item + '"]').tab('show');
                console.log($(item));
            });
    </script>
    no Código fonte abaixo foi criado uma propriedade public para receber o ultimo item selecionado e ao carregar a pagina posicionar na ultima tab correspondente...

    Código dessa página:

    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace WebApplication1
    {
        public partial class WebFormTab : System.Web.UI.Page
        {
            public string PanelSelect { get; set; }
    
            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                    PanelSelect = "home";
                }
            }
    
            protected void BtnHome_Click(object sender, EventArgs e)
            {
                PanelSelect = "home";
            }
    
            protected void BtnProfile_Click(object sender, EventArgs e)
            {
                PanelSelect = "profile";
            }
    
            protected void BtnMessage_Click(object sender, EventArgs e)
            {
                PanelSelect = "messages";
            }
    
            protected void BtnSettings_Click(object sender, EventArgs e)
            {
                PanelSelect = "settings";
            }
        }
    }



    Fulvio C

    quarta-feira, 11 de maio de 2016 20:27