Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
1055
Assunto : ASP.NET
Titulo: JQuery x UpdatePanel

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon



Deve-se ter muito cuidado ao utilizar recursos client - tal como JQuery - em uma página que faz uso do updatePanel.

Imagine o cenário em que você utiliza o Jquery para fazer uma atribuição de evento a um objeto que está dentro da região do updatePanel :

$(document).ready(function ()
{ $("#meubotao").click(function ()
{ faz alguma coisa }
})


A atribuição do evento ocorrerá assim que a página for carregada. O problema é que quando ocorrer um postback assincrono o trecho da página onde se encontra o botão será atualizado e essa atualização faz com que o evento não mais esteja vinculado ao botão.

Para resolver isso devemos alterar nosso código Jquery. Precisamos garantir que quando uma requisição Ajax for encerrada, o evento click do nosso botão será novamente atribuido :

function atribuiclick()
{
$("#meubotao").click(function ()
{ faz alguma coisa }
}

$(document).ready( function ()
{ atribuiclick() })


//Acessa o objeto PageRequestManager
var manager = Sys.WebForms.PageRequestManager.getInstance();

//Adiciona os handlers para os eventos desejados, cada um é uma função
manager.add_endRequest(OnEndRequest);


function OnEndRequest(sender, args) {
atribuiclick()
}


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 11/13/2015 12:23:00 PM
nome: Cleyton
email: cleytonnurani@gmail.com
comentário:
Mesmo o post sendo antigo vale um obrigado.
Me ajudou bastante aqui.

Obrigado.


data: 3/1/2013 2:23:00 PM
nome: Fabricio
email: fa_bertolini@hotmail.com
comentário:
Show! Estava com um problema para utilizar JQuery em um UserControl que vai em uma página com UpdatePanel e deu certinho!
Valeu!


data: 10/3/2010 9:06:00 PM
nome: Vilson
email: vilsonarmani@gmail.com
comentário:
Eu estou com um problema que parece ser semelhante, ou ter algo a ver com o seu post....

eu faço o uso de um plugin jQuery (niceforms) numa pagina onde eu tenho um formview e dentro desse formview tem alguns ModalPopUpExtenders, quando mudo o modo do FormView de Visualização para Edição ou Inserção, simplesmente a formatação dos campos some e os componentes voltam aos velhos texbox e afins, ou ate mesmo quando abro um modalPopup no retorno a formatação do jQuery vai embora....


estou buscando na internet ate em sites em Aramaico se existir (rsrs) a solução para esse problema... se você puder me ajudar.. ficarei eternamente grato....

um forte abraço.


data: 8/3/2010 2:36:00 PM
nome: Fernando
email: nando_dasilva@ig.com.br
comentário:
Muito boa essa dica, ja aconteceu isso comigo e não sabia como resolver.

valeu!


data: 8/3/2010 8:42:00 AM
nome: Luciano Dória
email: lucianodoria@gmail.com
comentário:
Muito obrigado!
Este artigo me ajudou muito!!!!


 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br