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/