ASP.NET Ajax 2º Semestre 2009 > PUCPR > Tecnologia de Programação 2 Bruno 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;

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

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

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

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

7 Resposta do Servidor ao Cliente é dado

ASP.NET Ajax 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

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

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

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

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

Exemplo UpdatePanel 1313/1/2014

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

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

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: – /1/2014

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

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

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

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

O componente ganha novas propriedades 2113/1/2014

Conheça os controles! /1/2014

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

Download /1/2014

Download 2513/1/2014

Download 2613/1/2014

Download 2713/1/2014

Download 2813/1/2014

Download 2913/1/2014

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

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

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

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

Instalação na Toolbox 3413/1/2014

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

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

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

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: – entryid= entryid= Vídeos: – Tutoriais: –