Bruno C de Paula ASP NET Ajax 2º

Зарегистрируйтесь, чтобы просмотреть полный документ!

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/

Скачать презентацию Bruno C de Paula ASP NET Ajax 2º

9f8a6afbf9cde4af9a7722e1220ad171.ppt

Количество слайдов: 38