none
Como integrar JQuery e ASP.Net? RRS feed

  • Pergunta

  • Minha dúvida é a seguinte: como integro o JQuery com o ASP.Net?

    Estou desenvolvendo uma aplicação web, e gostaria de fazer uso do JQuery.

    Quem puder ajudar, agredeço desde já.


    Atenciosamente, Marcio Nogueira Cardoso Pinto.

    segunda-feira, 13 de agosto de 2012 15:51

Respostas

  • Não conheço um componente que faça isso (se dissesse que não existe estaria mentindo, pq não faço ideia). Então você pode integrá-lo manualmente. Na verdade, não há muito mistério em relação a uma aplicação em uma tecnologia diferente de ASP.NET. 

    A grande questão que deve ter em mente é que o JQuery usa como um dos principais seletores o ID, e o ASP.NET modifica seu ID quando renderiza a página em HTML. Existe uma lógica de modificação, mas pode ser que não queira amarrar tanto seu código no JavaScript.

    A solução para esse caso é, caso desenvolva aplicações no Framework 4 ou superior, configurar a propriedade ClientIDMode como Static. Isso fará com que seu ID não seja modificado.

    Entretanto, você pode ter dificuldades quando usar uma estrutura de repetição, como o Gridview. Nesse caso, talvez seja melhor deixar o ID como seletor de fora e usar a Classe.

    A fim de informação, eu deixei de usar em 80% o JQuery quando conheci o AjaxControlTookit e UpdatePanel. Talvez você desista da ideia de usar o JQuery quando descobrir que existem inúmeras bibliotecas de AJAX integradas com ASP.NET.

    Seguem algumas referências:

    http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/ - Ajax Control Tookit

    http://msdn.microsoft.com/en-us/library/bb386454.aspx - UpdatePanel

    http://www.ext.net/ - Ext.NET


    Rafael Santos

    Observações:
    1. Selecione a opção "Habilitar o Live Alerts por Padrão" nas suas configurações para que possa acompanhar em tempo real as atividades relacionadas a sua Thread;
    2. Não abandone sua Thread. Ao perguntar, fique atento às respostas; ao encontrar uma solução, compartilhe;
    3. As pessoas que dedicam seu tempo na busca por soluções para você não ganham nada em troca. Valorize-as e em forma de agradecimento pontue as respostas corretas.

    "Quem disse que não escrevo poesias? A diferença é que as minhas começam com using System;"



    • Editado Rafa Santos segunda-feira, 13 de agosto de 2012 16:19
    • Marcado como Resposta Marcio_Nogueira terça-feira, 14 de agosto de 2012 15:55
    segunda-feira, 13 de agosto de 2012 16:18
  • Marcio jquery é tudo script, basta vc adicionar a ref na sua page e utilizar

    http://www.macoratti.net/09/04/asp_jqry.htm


    Não esqueça de usar o componente </> na barra para posta seu código. Microsoft MCPD,MCTS,MCC

    • Marcado como Resposta Marcio_Nogueira terça-feira, 14 de agosto de 2012 15:55
    segunda-feira, 13 de agosto de 2012 16:42
    Moderador

Todas as Respostas

  • Não conheço um componente que faça isso (se dissesse que não existe estaria mentindo, pq não faço ideia). Então você pode integrá-lo manualmente. Na verdade, não há muito mistério em relação a uma aplicação em uma tecnologia diferente de ASP.NET. 

    A grande questão que deve ter em mente é que o JQuery usa como um dos principais seletores o ID, e o ASP.NET modifica seu ID quando renderiza a página em HTML. Existe uma lógica de modificação, mas pode ser que não queira amarrar tanto seu código no JavaScript.

    A solução para esse caso é, caso desenvolva aplicações no Framework 4 ou superior, configurar a propriedade ClientIDMode como Static. Isso fará com que seu ID não seja modificado.

    Entretanto, você pode ter dificuldades quando usar uma estrutura de repetição, como o Gridview. Nesse caso, talvez seja melhor deixar o ID como seletor de fora e usar a Classe.

    A fim de informação, eu deixei de usar em 80% o JQuery quando conheci o AjaxControlTookit e UpdatePanel. Talvez você desista da ideia de usar o JQuery quando descobrir que existem inúmeras bibliotecas de AJAX integradas com ASP.NET.

    Seguem algumas referências:

    http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/ - Ajax Control Tookit

    http://msdn.microsoft.com/en-us/library/bb386454.aspx - UpdatePanel

    http://www.ext.net/ - Ext.NET


    Rafael Santos

    Observações:
    1. Selecione a opção "Habilitar o Live Alerts por Padrão" nas suas configurações para que possa acompanhar em tempo real as atividades relacionadas a sua Thread;
    2. Não abandone sua Thread. Ao perguntar, fique atento às respostas; ao encontrar uma solução, compartilhe;
    3. As pessoas que dedicam seu tempo na busca por soluções para você não ganham nada em troca. Valorize-as e em forma de agradecimento pontue as respostas corretas.

    "Quem disse que não escrevo poesias? A diferença é que as minhas começam com using System;"



    • Editado Rafa Santos segunda-feira, 13 de agosto de 2012 16:19
    • Marcado como Resposta Marcio_Nogueira terça-feira, 14 de agosto de 2012 15:55
    segunda-feira, 13 de agosto de 2012 16:18
  • Marcio jquery é tudo script, basta vc adicionar a ref na sua page e utilizar

    http://www.macoratti.net/09/04/asp_jqry.htm


    Não esqueça de usar o componente </> na barra para posta seu código. Microsoft MCPD,MCTS,MCC

    • Marcado como Resposta Marcio_Nogueira terça-feira, 14 de agosto de 2012 15:55
    segunda-feira, 13 de agosto de 2012 16:42
    Moderador