JQuery + UpdatePanel continuar funcionando após postbacks
ASP.NET
24/08/2010 por
Tufo
Um dos maiores problemas de quem resolve começar a brincar com a mistura jQuery + ASP.NET é quando resolve começar a colocar uns update panels pra enriquecer a experiência do usuário.
O problema ocorre quando há uma atualização (postback) de um update panel, toda vez que ocorre o postback, todos os elementos de dentro do update panel são gerados novamente, como se fossem novos, toda a estrutura DOM é refeita dentro daquele update panel, o que faz os controles perderem todas as referências sod eventos que o jQuery estava controlando tranquilamente antes do postback.
O "pulo do gato" na verdade pe a utilização de um recurso que fica disponível automaticamente em todas as páginas que possuem um UpdatePanel, é o "PageRequestManager", ele é um objeto javascript que nos ajuda exatamente com esse problema, não vou me aprofundar muito nele pois ele não é o foco do post, a seguir como seu código deve ser aplicado à página:
<script>
$(document).ready(function(){
//seu código javascript/jquery aqui para ser executado no primeiro page_load
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
//seu código javascript/jquery aqui de novo para ser executado nos postbacks
});
</script>;
fácil não?
cya next class!
Comentários sobre o artigo
09/02/2011
por
Jonatas Cezarino
Cara, salvo minha vida! Obrigado!
08/04/2011
por
Victor
Minha vida nunca mais será a mesma!
Muitíssimo obrigado!
29/04/2011
por
Alexandre
Cara muito obrigado!!!
03/05/2011
por
Cristiano Luiz Maziero
Sei que o POST é antigo, mais gostaria de agradecer. Por causa de pessoas como você (sempre postando soluções) é que nossa carreira não para..rs Obrigado
17/06/2011
por
Rener
O meu problema é o seguinte, têm um arquivo scripts.js onde têm todos que eu uso no site. E quando uso UpdatePanel e do um postback nele não funciona, como devo fazer?
26/06/2011
por
Fabio Cosmo
Show de bola o código, ajudou muito
Obrigado
27/06/2011
por
Daniel Lim-Apo
Muito obrigado pelas informações.
Funcionou bem para mim.
Bem na horinha antes de criar uma comunidade "Eu odeio
UpdatePanel" hehehe.
03/08/2011
por
Diego
Ajudou bastante, obrigado.
09/09/2011
por
Allan
Muito bom!!
01/12/2011
por
Rogério
Valeu amigo... se eu tivesse encontrado antes não teria perdido uma noite de sono..rs... Obrigado... Me ajudou muito...
09/12/2011
por
Thiago Braga
Excelente! :D
Salvou meu dia, rapaz.
Muito obrigado.
29/12/2011
por
Michael Stumpf Sampaio
Meus Parabéns pela solução!
Mostrou conhecimento e competência!
Resolveu o meu problema.
Abraço!
17/01/2012
por
Rodrigo Vietri
Olá,
Estou com este problema na minha página. Tenho um UpdatePanel e nele um botão que atualiza o UpdatePanel. Depois que ocorre a atualização o botão perde as referencias do JQuery.
Testei esta solução de diversas maneiras, mas não funcionou. O que posso estar fazendo de errado ??
Se puder me ajudar ficarei muuuuito grato.
Obrigado.
03/02/2012
por
Thiago Barcellos
Pra mim funcionou perfeitamente!!
Resolveu um problemão.
Obrigado!
Abraço!
Poste um comentário >>
|