9f8a6afbf9cde4af9a7722e1220ad171.ppt
- Количество слайдов: 38
Bruno C. de Paula ASP. NET Ajax 2º Semestre 2009 > PUCPR > Tecnologia de Programação 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 Java. Script com o ASP. NET, também característica deste framework;
Ajax Asynchornous Java. Script 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; 18/03/2018 3
Com Ajax, a página é parcialmente reconstruída 18/03/2018 4
Modelo clássico (síncrono) 18/03/2018 5
Modelo Ajax (assíncrono) 18/03/2018 6
Resposta do Servidor ao Cliente é dado 18/03/2018 7
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 / j. Query (Client); 18/03/2018 8
ASP. NET Ajax Extensions ü Já instalado no Visual Studio 2008; ü Transformam código “não-Ajax” em Ajax (“ajaxificação”); 18/03/2018 9
Script. Manager ü Modifica o comportamento do postback do cliente; ü Todas as páginas que vão trabalhar com Ajax devem possuir um Script. Manager; ü Já existe um modelo pronto de web form com Script. Manager; 18/03/2018 10
Chamando métodos de servidor via Ajax ü O Script. Manager também permite que se chame métodos do servidor via Java. Script; ü Propriedade Enable. Page. Methods=true; ü Útil para integrar sistemas JS com ASP. NET. 18/03/2018 11
Update. Panel ü Marca os componentes que poderão sofrer atualização parcial; ü Dentro de um Update. Panel vão os componentes “ajaxificados”; ü Só colocar Update. Panel no que se deseja ajaxificar; 18/03/2018 12
Exemplo Update. Panel 18/03/2018 13
Só o botão é recarregado! 18/03/2018 14
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. 18/03/2018 15
Update. Progress ü 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/ 18/03/2018 16
Script. Manager. Proxy ü O Script. Manager pode ser colocado na Master. Page; ü Script. Manager. Proxy deve ser colocado em uma página de conteúdo, se já existir Script. Manager na Master; 18/03/2018 17
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. 18/03/2018 18
Modificação de comportamento via extender ü Cada controle pode ter associado um ou mais extenders; 18/03/2018 19
Propriedade Target. Control. Id indica a associação 18/03/2018 20
O componente ganha novas propriedades 18/03/2018 21
Conheça os controles! ü http: //ajax. asp. net 18/03/2018 22
Passo a passo: Download e Instalação 18/03/2018 23
Download http: //ajax. asp. net 18/03/2018 24
Download 18/03/2018 25
Download 18/03/2018 26
Download 18/03/2018 27
Download 18/03/2018 28
Download 18/03/2018 29
Download ü DLL Ajax. Control. Toolkit. dll contém os controles; 18/03/2018 30
Instalação na Toolbox ü Criar uma nova aba na Tool. Box; 18/03/2018 31
Instalação na Toolbox ü Dar um nome significativo para a aba; 18/03/2018 32
Instalação na Toolbox ü Selecionar a aba e a opção Choose Items. . . 18/03/2018 33
Instalação na Toolbox 18/03/2018 34
Instalação na Toolbox ü Selecionar a DLL do Control. Toolkit; 18/03/2018 35
Instalação na Toolbox ü Selecionar os controles desejados; 18/03/2018 36
Ok! Você está pronto para usar os controles! 18/03/2018 37
Mais referências ü ASP. NET Ajax e Ajax. Toolkit : Coisas que você não vai achar no manual: – http: //www. bufaloinfo. com. br/Exibe. Noticias. aspx? entryid=4365006300388332816 ü Vídeos: – http: //www. asp. net/learn/ajax-videos/ ü Tutoriais: – http: //www. asp. net/learn/ajax/
9f8a6afbf9cde4af9a7722e1220ad171.ppt