ASP.NET Ajax 2º Semestre 2009 > PUCPR > Tecnologia de Programação 2 Bruno C. de Paula.
Transcript of ASP.NET Ajax 2º Semestre 2009 > PUCPR > Tecnologia de Programação 2 Bruno C. de Paula.
ASP.NET Ajax
2º Semestre 2009 > PUCPR > Tecnologia de Programação 2
Bruno C. de PaulaBruno C. de Paula
Resumo da aula
O objetivo de hoje é conhecer os componentes do ASP.NET que permitem a implementação de recarregamento parcial de uma página (Ajax).Também conheceremos os componentes ricos do toolkit ASP.NET Ajax Toolkit.Por fim, trabalharemos com a integração de JavaScript com o ASP.NET, também característica deste framework;
AjaxAsynchornous JavaScript And XML
Padrão de construção de páginas na web;
A página é recarregada parcialmente durante as requisições;
A recuperação é feita de maneira assíncrona;
O que trafega do servidor ao cliente é dado e não conteúdo;
311/04/23
Com Ajax, a página é parcialmente reconstruída
411/04/23
Modelo clássico (síncrono)
511/04/23
Modelo Ajax (assíncrono)
611/04/23
711/04/23
Resposta do Servidor ao Cliente é dado
ASP.NET Ajax
http://ajax.asp.netFramework da Microsoft para
implementação de Ajax;Formado por 3 partes:–ASP.NET Ajax Extensions (Server);–ASP.NET Ajax Control Toolkit;–ASP.NET Ajax Library / jQuery
(Client);
811/04/23
ASP.NET Ajax Extensions
Já instalado no Visual Studio 2008;Transformam código “não-Ajax” em
Ajax (“ajaxificação”);
911/04/23
ScriptManager
Modifica o comportamento do postback do cliente;
Todas as páginas que vão trabalhar com Ajax devem possuir um ScriptManager;
Já existe um modelo pronto de web form com ScriptManager;
1011/04/23
Chamando métodos de servidor via AjaxO ScriptManager também permite que se
chame métodos do servidor via JavaScript;
Propriedade EnablePageMethods=true;
Útil para integrar sistemas JS com ASP.NET.
1111/04/23
UpdatePanel
Marca os componentes que poderão sofrer atualização parcial;
Dentro de um UpdatePanel vão os componentes “ajaxificados”;
Só colocar UpdatePanel no que se deseja ajaxificar;
1211/04/23
Exemplo UpdatePanel
1311/04/23
Só o botão é recarregado!
1411/04/23
Timer
Chama uma função no servidor de tempos em tempos;
Trabalhar com o evento Tick;Não usar em excesso;Utilidade:–Chat;–Atualizações em tempo real;– Jogos.
1511/04/23
UpdateProgress
Visualização a ser mostrada enquanto a página estiver carregando;
“Acalma” o usuário;Ícone ou mensagem de carregamento;Prefira colocar ícones Ajax:–http://www.ajaxload.info/
1611/04/23
ScriptManagerProxy
O ScriptManager pode ser colocado na MasterPage;
ScriptManagerProxy deve ser colocado em uma página de conteúdo, se já existir ScriptManager na Master;
1711/04/23
ASP.NET Ajax Toolkit
Dezenas de controles ricos;Open Source e desenvolvido pela
comunidade;Diversos bugs, cuidado!Alguns controles utilizam a metáfora de
extenders:–Controle que melhora as
características já existentes de outro.
1811/04/23
Modificação de comportamento via extenderCada controle pode ter associado um
ou mais extenders;
1911/04/23
Propriedade TargetControlId indica a associação
2011/04/23
O componente ganha novas propriedades
2111/04/23
Conheça os controles!
http://ajax.asp.net
2211/04/23
Passo a passo:Download e Instalação
2311/04/23
Downloadhttp://ajax.asp.net
2411/04/23
Download
2511/04/23
Download
2611/04/23
Download
2711/04/23
Download
2811/04/23
Download
2911/04/23
Download
DLL AjaxControlToolkit.dll contém os controles;
3011/04/23
Instalação na Toolbox
Criar uma nova aba na ToolBox;
3111/04/23
Instalação na Toolbox
Dar um nome significativo para a aba;
3211/04/23
Instalação na Toolbox
Selecionar a aba e a opção Choose Items...
3311/04/23
Instalação na Toolbox
3411/04/23
Instalação na Toolbox
Selecionar a DLL do ControlToolkit;
3511/04/23
Instalação na Toolbox
Selecionar os controles desejados;
3611/04/23
Ok! Você está pronto para usar os controles!
3711/04/23
Mais referências
ASP.NET Ajax e AjaxToolkit : Coisas que você não vai achar no manual:– http://www.bufaloinfo.com.br/ExibeNoticias.aspx?
entryid=4365006300388332816
Vídeos:– http://www.asp.net/learn/ajax-videos/
Tutoriais:– http://www.asp.net/learn/ajax/