ASP.NET Ajax 2º Semestre 2009 > PUCPR > Tecnologia de Programação 2 Bruno C. de Paula.

Apresentação em tema: "ASP.NET Ajax 2º Semestre 2009 > PUCPR > Tecnologia de Programação 2 Bruno C. de Paula."— Transcrição da apresentação:

1 ASP.NET Ajax 2º Semestre 2009 > PUCPR > Tecnologia de Programação 2 Bruno C. de Paula

2 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;

3 Ajax Asynchornous 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; 313/1/2014

4 Com Ajax, a página é parcialmente reconstruída 413/1/2014

5 Modelo clássico (síncrono) 513/1/2014

6 Modelo Ajax (assíncrono) 613/1/2014

7 7 Resposta do Servidor ao Cliente é dado

8 ASP.NET Ajax http://ajax.asp.net Framework 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); 813/1/2014

9 ASP.NET Ajax Extensions Já instalado no Visual Studio 2008; Transformam código não-Ajax em Ajax (ajaxificação); 913/1/2014

10 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; 1013/1/2014

11 Chamando métodos de servidor via Ajax O ScriptManager também permite que se chame métodos do servidor via JavaScript; Propriedade EnablePageMethods=true; Útil para integrar sistemas JS com ASP.NET. 1113/1/2014

12 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; 1213/1/2014

13 Exemplo UpdatePanel 1313/1/2014

14 Só o botão é recarregado! 1413/1/2014

15 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. 1513/1/2014

16 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/ http://www.ajaxload.info/ 1613/1/2014

17 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; 1713/1/2014

18 ASP.NET Ajax Toolkit Dezenas de controles ricos; Open Source e desenvolvido pela comunidade; Diversos bugs, cuidado! Diversos bugs Alguns controles utilizam a metáfora de extenders: – Controle que melhora as características já existentes de outro. 1813/1/2014

19 Modificação de comportamento via extender Cada controle pode ter associado um ou mais extenders; 1913/1/2014

20 Propriedade TargetControlId indica a associação 2013/1/2014

21 O componente ganha novas propriedades 2113/1/2014

22 Conheça os controles! http://ajax.asp.net 2213/1/2014

23 Passo a passo: Download e Instalação 2313/1/2014

24 Download http://ajax.asp.net http://ajax.asp.net 2413/1/2014

25 Download 2513/1/2014

26 Download 2613/1/2014

27 Download 2713/1/2014

28 Download 2813/1/2014

29 Download 2913/1/2014

30 Download DLL AjaxControlToolkit.dll contém os controles; 3013/1/2014

31 Instalação na Toolbox Criar uma nova aba na ToolBox; 3113/1/2014

32 Instalação na Toolbox Dar um nome significativo para a aba; 3213/1/2014

33 Instalação na Toolbox Selecionar a aba e a opção Choose Items... 3313/1/2014

34 Instalação na Toolbox 3413/1/2014

35 Instalação na Toolbox Selecionar a DLL do ControlToolkit; 3513/1/2014

36 Instalação na Toolbox Selecionar os controles desejados; 3613/1/2014

37 Ok! Você está pronto para usar os controles! 3713/1/2014

38 Mais referências ASP.NET Ajax e AjaxToolkit : Coisas que você não vai achar no manual: ASP.NET Ajax e AjaxToolkit : Coisas que você não vai achar no manual: – http://www.bufaloinfo.com.br/ExibeNoticias.aspx? entryid=4365006300388332816 http://www.bufaloinfo.com.br/ExibeNoticias.aspx? entryid=4365006300388332816 Vídeos: – http://www.asp.net/learn/ajax-videos/ http://www.asp.net/learn/ajax-videos/ Tutoriais: – http://www.asp.net/learn/ajax/ http://www.asp.net/learn/ajax/