ASP.NET Ajax

1º Semestre 2010 > PUCPR > BSI

Bruno C. de PaulaBruno C. de Paula

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

2

ASP.NET Ajax Extensions

Já instalado no Visual Studio 2008;Transformam código “não-Ajax” em Ajax

(“ajaxificação”);

3

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;

4

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.

5

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;

6

Exemplo UpdatePanel7

Só o botão é recarregado!8

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/

9

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;

10

ASP.NET Ajax Control Toolkit

Dezenas de controles ricos (similar jQuery UI);

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.

Precisa ser instalado!

1111/04/23

Modificação de comportamento via extenderCada controle pode ter associado um

ou mais extenders;

12

Propriedade TargetControlId indica a associação

13

O componente ganha novas propriedades

14

Conheça os controles!

http://www.asp.net/ajax/ajaxcontroltoolkit/samples/

15