ASP.NET Ajax 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Apresentação em tema: "ASP.NET Ajax 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula."— Transcrição da apresentação:

1 ASP.NET Ajax 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula

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

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

4 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

5 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

6 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

7 Exemplo UpdatePanel 7

8 Só o botão é recarregado! 8

9 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

10 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

11 ASP.NET Ajax Control Toolkit Dezenas de controles ricos (similar jQuery UI);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. Precisa ser instalado! Precisa ser instalado 11 13/1/2014

12 Modificação de comportamento via extender Cada controle pode ter associado um ou mais extenders; 12

13 Propriedade TargetControlId indica a associação 13

14 O componente ganha novas propriedades 14

15 Conheça os controles! http://www.asp.net/ajax/ajaxcontroltoolkit/sa mples/ http://www.asp.net/ajax/ajaxcontroltoolkit/sa mples/ 15