Carregar apresentação
A apresentação está carregando. Por favor, espere
PublicouValentina Enes Alterado mais de 10 anos atrás
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/
Apresentações semelhantes
© 2024 SlidePlayer.com.br Inc.
All rights reserved.