none
Togglable tabs Bootstrap, com Jquery perdem a seleção ao efetuar chamada de PartialView. MVC4 RRS feed

  • Pergunta

  • Galera Bom Dia. 

    Estou com um problema estranho. 

    Tenho uma função Jquery que efetua a chamada a uma view parcial para o carregamento apenas do conteúdo da página sem que mude todo o seu "corpo". 

    Aqui está ela: 

    function SendGetForm(display, displayInfo, loading, controller, action, pNames, pValues) {
    
        //jeito tosco de converter para string - se conhecer outro por favor ...
        var strValues = pValues + "";
    
        var dataObj = {};
    
        if (pNames != null) {
            i
            var n = pNames.split(":");
            var v = strValues.split(":");
    
            var length = n.length;
    
            for (var i = 0; i < length; i++) {
                _n = n[i];
                _v = v[i];
                dataObj[_n] = _v;
            }
        }
    
        $.ajax({
            type: 'GET',
            url: '/' + controller + '/' + action,
            data: dataObj,
            beforeSend: function () {
                //       alert(displayInfo);
                if (displayInfo != "") {
                    $('#displayInfo').innerHTML = "";
                    $('#displayInfo').css("display", "none");
                    $('#loading').css("display", "block");
                }
            },
            success: function (response) {
                $(display).html(response);
                if (loading != "") {
                    $('#loading').css("display", "none");
                    var timer = setTimeout(function () {
                        var obj = document.getElementById(displayInfo);
                        if (obj != null) {
                            obj.innerHTML = "";
                            obj.style.display = "none";
                        }
                        clearTimeout(timer);
                        timer = null
                    },
                    30000);
                }
            }
        });
    }

    Até aqui tudo na mais perfeita paz, clico no link ou botão e efetua a chama da minha view parcial belezinha. 

    O problema ocorre é com o Css do meu Togglable Tabs do Bootstrap, ou seja, ele não seleciona o item correspondente ao conteúdo, como a imagem abaixo mostra.

    O item que foi selecionado é Endereços, porem, se vocês observarem a aba selecionada é a Cadastro. 

    Já tentei de tudo, remover a classe dos itens que não foram clicados e adicionar no item selecionado e nada. 

    Alguém pode me ajudar por favor?

    Abraço.


    Voce pode encarar um erro como uma besteira a ser esquecida, ou como um resultado que aponta uma nova direcao by Steve Jobs


    terça-feira, 29 de outubro de 2013 12:17

Respostas

  • Problema resolvido. 

    Incluído alteração de estilo das abas do menu junto ao ajax no jquery. 


    Voce pode encarar um erro como uma besteira a ser esquecida, ou como um resultado que aponta uma nova direcao by Steve Jobs

    • Marcado como Resposta Fernando Mamprin quarta-feira, 30 de outubro de 2013 11:33
    quarta-feira, 30 de outubro de 2013 11:33