1

Necessito de que as minhas páginas mostrem a todo processo do servidor uma tela com um tipo de Carregando usando o modal bootstrap que criei abaixo. Meu problema é conseguir mostrar isso em todos os processos.

  • Existe alguma forma de fazer isso?
  • Alguém tem alguma ideia?

Meu código:

<div class="container">
                <div class="modal fade bs-example-modal-sm" id="modalProcessando" tabindex="-1"
                    role="dialog" aria-hidden="true" data-backdrop="static">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">
                                    <span class="glyphicon glyphicon-time">
                                    </span>&nbsp;Aguarde
                                    </h4>
                            </div>
                            <div class="modal-body">
                                <div class="progress">
                                    <div class="progress-bar progress-bar-info
                                    progress-bar-striped active"
                                    style="width: 100%">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
0

1 Resposta 1

1

Você pode fazer isso para todos os ajax da sua aplicação, utilizando os eventos globais.

Exemplo:

$(document).ajaxSend(function () {
    ///chama seu processando
});

$(document).ajaxComplete(function () {
    //finaliza seu processando
});

Você também pode usar o .ajaxError() para criar um tratamento de erro global, conforme expliquei aqui.

3
  • agradeço pela informação que me passou, mas aparentemente não funciona pra o que eu quero.. esse procedimento executa perfeitamente na abertura da página, mas em todos os procedimentos restantes nada acontece.. será que estou fazendo algo errado? tem alguma ideia do que possa ser? Commented 12/04/2016 às 18:34
  • @AlisonVieira, então amigo, esse processo ele vai funcionar só para suas requisições ajax. para as de mais eu uso nas minhas aplicações de uma forma um pouco diferente. Crio a waitbar apartir de uma class especifica e deixo a mesma no body de todas as minhas paginas, ao finalizar o carregamento com $(document).ready eu removo a class.
    – Brunno
    Commented 13/04/2016 às 11:02
  • 1
    muito obrigado mesmo pela sua ajuda.. na verdade a dica que você me passou não resolveu, mas eu encontrei outra forma de fazer que funcionou perfeitamente como eu queria.. apenas defino o onchange de todos os controles que preciso desse processo e quando termina eu apenas faço a chamada para fechar o modal.. de qualquer forma, vou definir sua resposta como correta, pois nos testes eu percebi que funciona também, para outras formas de se fazer.. =D Commented 13/04/2016 às 12:48

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 .