Clique aqui para ler todos os artigos desta edição
Mini-curso de AJAX – Parte 3
ASP.NET
Este é o terceiro de uma série de seis artigos do mini-curso de ASP.NET AJAX. Os dois primeiros artigos apresentaram os bastidores do AJAX e uma introdução às extensões AJAX 1.0 da Microsoft ao ASP.NET 2.0. O objetivo deste artigo é apresentar alguns dos controles do ASP.NET AJAX Control Toolkit.
Nota: Para um bom entendimento da aplicação Web desenvolvida neste artigo, é ideal que o leitor tenha um nível de conhecimento de básico a intermediário em HTML/XHTML, CSS, ASP.NET 2.0 e C# 2.0 (ou Visual Basic 2005).
Neste artigo e no próximo, serão apresentados alguns dos principais controles disponíveis no ASP.NET AJAX Control Toolkit. Nos artigos posteriores à apresentação do Toolkit serão mostradas técnicas para criar extenders e controles personalizados para o ASP.NET AJAX e as novas características planejadas para estender a plataforma ASP.NET AJAX 1.0 futuramente, como a Silverlight e o Script#, dentre outras novidades.
Introdução ao ASP.NET AJAX Control Toolkit
O ASP.NET AJAX Control Toolkit é um projeto de código compartilhado entre a comunidade e a Microsoft, consistindo de diversos exemplos prontos para serem executados e componentes que tornam mais simples trabalhar com controles e extenders do ASP.NET AJAX.
Além de ter a contribuição de desenvolvedores da Microsoft, o projeto tem mais de 15 contribuintes que não são da Microsoft, acrescentando características e novos controles. O projeto é mantido no Web Site CodePlex, que a Microsoft criou para hospedar projetos open source.
O ASP.NET AJAX Control Toolkit contém um poderoso SDK (Software Development Kit) para simplificar a criação de controles e extenders personalizados do ASP.NET AJAX. O time de desenvolvimento da Microsoft, responsável pelo ASP.NET AJAX Control Toolkit, libera versões atualizadas com freqüência.
O kit é liberado como um download gratuito e contém dezenas de controles e componentes AJAX adicionais que funcionam sobre a infra-estrutura fornecida pelo ASP.NET 2.0 AJAX Extensions 1.0.
Pré-requisitos da aplicação Web de demonstração
Durante a apresentação teórica do artigo, uma aplicação Web será desenvolvida para ilustrar as facilidades oferecidas pelas extensões AJAX 1.0 ao ASP.NET 2.0 e pelo ASP.NET AJAX Control Toolkit.
A interface será desenvolvida com XHTML 1.1, controles Web do servidor do ASP.NET 2.0, controles das extensões ASP.NET AJAX 1.0, controles do ASP.NET AJAX Control Toolkit e uso de CSS 2 para formatação da interface. A demonstração será desenvolvida com a linguagem C# 2.0 do lado do servidor, porém uma versão com a linguagem Visual Basic 2005 estará disponível para download.
Com o objetivo de tornar o artigo acessível a um número maior de desenvolvedores da plataforma .NET, na elaboração do exemplo, serão utilizados somente softwares e recursos disponíveis gratuitamente. Porém, as versões comerciais também podem ser usadas.
· Browsers: Internet Explorer 5.0 ou superior, Firefox 1.0 ou superior, Opera 8.0 ou superior, Netscape 7.0 ou superior, Apple Safari 1.2 ou superior, dentre outros;
· Servidor de banco de dados: SQL Server 2005 Express Edition SP2;
· IDE para desenvolvimento: Visual Web Developer 2005 Express Edition SP1 (se o IDE estiver instalado no Windows Vista, então também deve instalar o Visual Studio 2005 Service Pack 1 Update for Windows Vista);
· Suporte às extensões AJAX 1.0 ao ASP.NET 2.0: ASP.NET 2.0 AJAX Extensions 1.0.
Os endereços para baixar os softwares estão no final do artigo.
Nota: No artigo anterior, publicado na edição 43 da revista, o tópico Instalação do ASP.NET AJAX 1.0 apresentou os detalhes de instalação do ASP.NET 2.0 AJAX Extensions 1.0.
De qualquer modo, o site ajax.asp.net contém informações de como baixar, instalar e criar a sua primeira aplicação ASP.NET AJAX no vídeo How Do I: Get Started with ASP.NET AJAX?, cujo link é apresentado no final deste artigo.
.net PLUS!
Acesse agora o mesmo o Portal .net Plus (www.devmedia.com.br/dotnet) e assista a uma vídeo aula de Rodrigo Sendin, que mostra os controles do AJAX Control Toolkit.
www.devmedia.com.br/articles/listcomp.asp?comp=3393
Obtendo o ASP.NET Control Toolkit
Certifique-se de instalar o ASP.NET AJAX 1.0 antes de instalar o ASP.NET AJAX Control Toolkit. Para instalar o ASP.NET AJAX Control Toolkit, acesse o site oficial, cujo endereço está apresentado na seção Links sob a descrição AJAX: The Official Microsoft ASP.NET AJAX Site.
Clique em Downloads, para ser redirecionado para a página ASP.NET AJAX Downloads. Nessa página, clique em Download the Control Toolkit para ser redirecionado para a página do projeto AJAX Control Toolkit no site CodePlex.
Essa página é atualizada freqüentemente com a última versão do Toolkit contendo correções e melhorias nas funcionalidades de controles e extenders existentes, além do acréscimo de outros novos. No quadro Files existem links para quatro arquivos, sendo que os conteúdos dos dois primeiros são:
· AjaxControlToolkit.zip: pacote completo contendo o código-fonte de todos os controles, o framework de teste, VSI, dentre outras coisas;
· AjaxControlToolkit-NoSource.zip: pacote somente com o site Web de exemplo e VSI. Voltado para desenvolvedores que não necessitam ou simplesmente não querem o código-fonte dos controles.
No momento da última revisão deste artigo, a atualização mais recente do AJAX Control Toolkit era a versão 1.0.10618.0, que foi liberada em 18 de junho de 2007. Além disso, os arquivos AjaxControlToolkit-Framework3.5.zip e AjaxControlToolkit-Framework3.5-NoSource.zip correspondem às versões voltadas para o .NET Framework 3.5 Beta 2.
É importante destacar que o ASP.NET AJAX já está incorporado na versão Beta 2 do .NET Framework 3.5. Atualmente, o Visual Studio 2008, anteriormente conhecido pelo codinome “Orcas”, também está
Os desenvolvedores ASP.NET devem acessar freqüentemente o site oficial mantido pela Microsoft para manter-se atualizado com as últimas versões do ASP.NET 2.0 AJAX Extensions. No caso do AJAX Control Toolkit, a idéia é que ele continue sendo expandido e atualizado pela comunidade e desenvolvedores da Microsoft com freqüência, mesmo depois do lançamento da versão final do .NET Framework 3.5.
O arquivo AjaxControlToolkit.zip será utilizado nas explicações seguintes sobre a instalação do ASP.NET AJAX Control Toolkit. Descompacte o arquivo na pasta que você desejar e verifique a presença das pastas descritas a seguir:
· AjaxControlToolkit: Projeto Class Library com o código-fonte do AJAX Control Toolkit;
· SampleWebSite: Um ASP.NET AJAX-Enabled Web Site que demonstra como usar os controles do ASP.NET AJAX Control Toolkit. Para cada controle apresentado é possível encontrar uma demonstração, descrição, explicação da relação de propriedades e, quando aplicável, descrição dos problemas conhecidos.
· Além disso, ainda existe uma seção com explicações passo a passo de várias tarefas que podem ser realizadas com o Toolkit;
· ToolkitTests: Um ASP.NET AJAX-Enabled Web Site que contém testes automatizados para todos os controles do ASP.NET AJAX Control Toolkit;
· AjaxControlExtender: Contém o arquivo AjaxControlExtender.vsi, que é um instalador VSI (Visual Studio Content Installer) que instalará modelos (templates) na sua máquina que tornará possível a criação de novos controles ASP.NET AJAX extender usando o Visual Studio 2005. Os detalhes de instalação serão apresentados em um artigo posterior da série.
Abra a solução AjaxControlToolkit.sln, na pasta em que os arquivos foram descompactados, para explorar os códigos-fontes dos controles disponíveis no Toolkit bem como testar as suas funcionalidades.
Configurando o Visual Studio 2005
Para configurar qualquer edição comercial do Visual Studio 2005 ou o Visual Web Developer 2005 Express Edition, execute o IDE e siga os passos a seguir. Crie um novo Web Site ASP.NET AJAX selecionando o menu File>New>Web Site. Na seção Visual Studio installed template, selecione o item ASP.NET AJAX-Enabled Web Site. Selecione um local desejado e clique em OK.
Clique com o botão direito na Toolbox, selecione o item Add Tab e digite “AJAX Control Toolkit” na descrição da nova aba. Dentro da nova aba, clique com o botão direito e selecione a opção Choose Items.
Clique em OK novamente para fechar a caixa de diálogo e carregar os controles do Toolkit na nova aba. Se desejar classificar os itens da aba alfabeticamente, clique com o botão direito dentro da aba e escolha o item Sort Items Alphabetically.
A Figura 1 apresenta uma visão parcial dos itens do Toolkit, organizados alfabeticamente, na nova aba AJAX Control Toolkit. De agora em diante, a aba AJAX Control Toolkit estará disponível nos novos Web Sites desenvolvidos com o Visual Studio 2005.
Figura 1. Aba AJAX Control Toolkit no Visual Studio 2005
Atualizando com novas versões do Toolkit
Conforme foi comentado anteriormente, o ASP.NET AJAX Control Toolkit é atualizado com freqüência. Seguem algumas recomendações para atualizar o Toolkit com uma versão mais nova:
· Sobrescreva as instâncias antigas do AjaxControlToolkit.dll com a nova versão;
· Remova e crie a aba AJAX Control Toolkit referenciando o novo assembly.
Criando o banco de dados da aplicação
Uma aplicação Web para cadastro e consulta de notícias será desenvolvida durante as explicações teóricas dos controles do AJAX Control Toolkit. Inicialmente, será criado um banco de dados no servidor SQL Server 2005 Express Edition SP2.
O ambiente gráfico integrado do Management Studio Express Edition, ou outro cliente do SQL Server 2005, pode ser utilizado para essa tarefa. A Figura 2 apresenta o modelo entidade-relacionamento do banco de dados Noticias.
Figura 2. Modelo Entidade-Relacionamento do banco Noticias
A Listagem 1 apresenta um código para criar o banco de dados Noticias com suas duas tabelas e o relacionamento entre as mesmas.
Listagem 1. Criando o banco de dados Noticias
CREATE DATABASE Noticias
GO
USE Noticias
...
