none
Tab jQuery posição RRS feed

  • Pergunta

  • Uso VS2010, aspnet, jQuery

    Tenho este tab abaixo com 5 abas, se eu estiver na aba 2 e der um postback ele volta para a primeira aba. 

    Estou usando o código abaixo para ele voltar do postback para a aba que estava anteriormente mas não funciona. 

    $(document).ready(function () {
                var codPosicaoTabs = $('#<%=posicaoTabs.ClientID %>').val();
                var activeIndexTabs = null;
                if (codPosicaoTabs == "") {
                    activeIndexTabs = 0;
                }
                else {
                    activeIndexTabs = parseInt($('#<%=posicaoTabs.ClientID %>').val());
                }
                $("#tabs").tabs({
                    collapsible: true,
                    autoHeight: true,
                    navigation: true,
                    fillSpace: true,
                    active: activeIndexTabs               
                });
            });

    terça-feira, 18 de dezembro de 2012 19:28

Respostas

  • Boa_Vida,

    tente atribuir uma função de callback na propriedade show para atribuir sempre o índice da tab clicada. E na propriedade selected você seta qual tab você quer que esteja ativa. Algo parecido que sugeri neste thread:

    http://social.msdn.microsoft.com/Forums/pt/webgeralpt/thread/582563b5-78ae-4e04-b1ac-35f1c00acd0b

    function pageLoad() {
        $(document).ready(function () {
            var codPosicaoTabs = $('#<%=posicaoTabs.ClientID %>').val();
            var activeIndexTabs = null;
            if (codPosicaoTabs == "") {
                activeIndexTabs = 0;
            }
            else {
                activeIndexTabs = parseInt($('#<%=posicaoTabs.ClientID %>').val());
            }
            $("#tabs").tabs({
                collapsible: true,
                autoHeight: true,
                navigation: true,
                fillSpace: true,
                show: function () {
                    var selectedTab = $('#tabs').tabs('option', 'selected');
                    $("#<%= posicaoTabs.ClientID %>").val(selectedTab);
                },
                selected: $("#<%= posicaoTabs.ClientID %>").val()
            });
        });
    }


    Vitor Mendes | Seu feedback é muito importante para todos!
    Visite o meu site: http://www.vitormendes.com.br/

    • Marcado como Resposta Álvaro Luiz terça-feira, 18 de dezembro de 2012 23:13
    terça-feira, 18 de dezembro de 2012 22:20

Todas as Respostas

  • Boa_Vida,

    tente atribuir uma função de callback na propriedade show para atribuir sempre o índice da tab clicada. E na propriedade selected você seta qual tab você quer que esteja ativa. Algo parecido que sugeri neste thread:

    http://social.msdn.microsoft.com/Forums/pt/webgeralpt/thread/582563b5-78ae-4e04-b1ac-35f1c00acd0b

    function pageLoad() {
        $(document).ready(function () {
            var codPosicaoTabs = $('#<%=posicaoTabs.ClientID %>').val();
            var activeIndexTabs = null;
            if (codPosicaoTabs == "") {
                activeIndexTabs = 0;
            }
            else {
                activeIndexTabs = parseInt($('#<%=posicaoTabs.ClientID %>').val());
            }
            $("#tabs").tabs({
                collapsible: true,
                autoHeight: true,
                navigation: true,
                fillSpace: true,
                show: function () {
                    var selectedTab = $('#tabs').tabs('option', 'selected');
                    $("#<%= posicaoTabs.ClientID %>").val(selectedTab);
                },
                selected: $("#<%= posicaoTabs.ClientID %>").val()
            });
        });
    }


    Vitor Mendes | Seu feedback é muito importante para todos!
    Visite o meu site: http://www.vitormendes.com.br/

    • Marcado como Resposta Álvaro Luiz terça-feira, 18 de dezembro de 2012 23:13
    terça-feira, 18 de dezembro de 2012 22:20
  • Valew Vitor

    Era isso mesmo que faltava, funcionou legal!  \o/\o/\o/\o/

    terça-feira, 18 de dezembro de 2012 23:13