AJAX Control Toolkit - Artigo easy .net Magazine 10

AJAX Control Tool Kit

            Este artigo vai mostrar como o leitor pode criar aplicações arrojadas usando este poderoso framework open source para ASP.NET, incluindo a utilização dos principais controles da suíte:  Seadragon, AsyncFileUpload e HTMLEditor. Permitem elevar o seu Web Site a um nível superior de experiência de usuário.

O ASP.NET é uma evolução do ASP, onde podemos destacar como ganhos o suporte à linguagem de programação C#, código compilado tendo um ganho de desempenho ao acessar as páginas, diversos controles que rodam no servidor (como TextBox, Label, acesso a dados), suporte a Web Services, Segurança e Escalabilidade. Ele pode ser dividido em três categorias: ASP.NET Web Forms, ASP.NET AJAX e ASP.NET MVC. Este artigo trata do ASP.NET AJAX que tem como subcategoria o ASP.NET AJAX Control Toolkit e jQuery.

O ASP.NET AJAX Control Toolkit é um projeto open source, de código aberto, foi desenvolvido para o framework ASP.NET AJAX da Microsoft. Essa tecnologia é fruto da força conjunta da Microsoft e da comunidade, que tem como resultado mais de 40 controles que são livres e que podem deixar as aplicações Web mais interativas. Alguns desses controles são o calendar (calendário), Animation (Animação), AutoComplete (Auto Completar), MaskedEdit (Máscaras nos campos) etc. Para falar de todos seriam necessários vários artigos, por isso vamos manter o foco em três poderosos controles: Seadragon, AsyncFileUpload e HTMLEditor.

O AJAX Control Toolkit está disponível no site CodePlex.com, que é o local patrocinado pela Microsoft para hospedagem de soluções livres. Ao acessar a página do projeto (veja a sessão Links) há várias versões para download.

A ideia principal por trás do AJAX (Asynchronous Javascript And XML) é fazer com que a página não recarregue por completo quando requisições são feitas ao servidor. Um site que utiliza o AJAX consegue fazer requisições ao servidor sem manter o usuário na espera (daí o termo “assíncrono”). Para se obter o melhor do AJAX algumas tecnologias trabalham juntas, entre elas existem o JavaScript, o objeto XMLHttpRequest, Cascading Style Sheets – CSS, Document Object Model – DOM, assim como já comentamos algumas vezes aqui na Easy (veja edição 6). Assim, é dito que essas tecnologias em conjunto possibilitam a realização de solicitações ao servidor sem que a página “pisque”.

Nota do DevMan

Cascading Style Sheets – CSS - Folha de estilo em cascata, que serve para estilizar a página (cores, fontes, posições etc.). O CSS pode ser reutilizado por elementos que compõem as páginas tendo um ganho na hora da manutenção;

XMLHttpRequest - Tem como finalidade obter dados do servidor, é o usado para realizar as chamadas assíncronas no AJAX;"