artigo .net Magazine 46 - Mini-curso de AJAX – Parte 5

Mini-curso de AJAX – Parte 5

Criando um extender ASP.NET AJAX

Esse é o quinto de uma série de seis artigos de um mini-curso de ASP. NET AJAX. No primeiro artigo da série foram apresentados os bastidores do AJAX. No segundo foi mostrado como instalar e usar controles das extensões AJAX 1.0 da Microsoft ao ASP.NET 2.0.

No terceiro artigo foi detalhada a instalação do ASP.NET AJAX Control Toolkit, foram apresentadas informações sobre o framework de animações do ASP.NET AJAX e explicados como usar alguns extenders. No quarto foram detalhados alguns controles e extenders mais avançados do Toolkit

O objetivo deste quinto artigo é mostrar como criar um extender ASP.NET AJAX, com ajuda da sua biblioteca de scripts clientes (Microsoft AJAX Library) e dos modelos de projetos do Visual Studio disponíveis no ASP.NET AJAX Control Toolkit. No próximo e último artigo será apresentada a integração do ASP.NET AJAX com a plataforma Silverlight 1.0.

Nota: Para um bom entendimento do extender ASP.NET AJAX de demonstração a ser desenvolvido neste artigo é ideal que o leitor tenha um nível de conhecimento de básico a intermediário em JavaScript, ASP.NET 2.0 e C# 2.0 (ou Visual Basic 2005).

Descrição do extender a ser desenvolvido

Muitas vezes, ao preencher um formulário HTML numa página Web, determinadas regiões somente devem estar disponíveis baseadas numa determinada escolha do usuário. Por exemplo, é comum ter um quadro de checagem (checkbox) que ao ser marcado deve acrescentar dinamicamente campos ao formulário.

O extender ASP.NET AJAX que será desenvolvido estende as funcionalidades de um CheckBox, permitindo associá-lo com um Panel. O Panel permite agrupar HTML/XHTML e outros controles de modo a definir uma região que será apresentada quando o CheckBox estiver selecionado e ocultada em caso contrário.

Ao extender serão acrescentadas funcionalidades JavaScript para permitir a ocultação e apresentação da interface do painel de forma dinâmica, sem a necessidade de retornar (PostBack) ao servidor.

Prerequisitos para o extender

Durante a apresentação teórica do artigo, um projeto de extender ASP.NET AJAX será desenvolvido com as características descritas no tópico anterior. Depois, o extender será testado em um Web Site, com uso de XHTML 1.1 e CSS2 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 e com a linguagem de scripts JavaScript para desenvolvimento dos comportamentos cross-browser do lado do cliente.

Com o objetivo de tornar o artigoacessível a um número maior de desenvolvedores da plataforma .NET, na elaboração da demonstração serão utilizados somente softwares e recursos disponíveis gratuitamente.

Porém, as versões comerciais também podem ser usadas. Nesse caso específico, serão necessárias duas versões Express do Visual Studio 2005, conforme descrito a seguir:

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;

IDEs para desenvolvimento: Visual Web Developer 2005 Express Edition SP1 e Visual C# 2005 Express Edition SP1 (se o IDE estiver instalado no Windows Vista, então também se deve instalar o Visual Studio 2005 Service Pack 1 Update for Windows Vista). Para os desenvolvedores Visual Basic, utilize o Visual Basic 2005 Express Edition SP1 ao invés do Visual C# 2005 Express Edition SP1;

Suporte às extensões AJAX 1.0 ao ASP. NET 2.0: ASP.NET 2.0 AJAX Extensions1.0;

Suporte dos projetos adicionais do Toolkit: ASP.NET AJAX Control Toolkit. Os endereços para baixar os softwares estão colocados no final do artigo.

Nota: No segundo artigo, publicado na edição 43 da revista, os passos para baixar e instalar o ASP.NET 2.0 AJAX Extensions 1.0 foram detalhados no tópico Instalação do ASP.NET AJAX 1.0. Porém, também é possível encontrar informações de como baixar, instalar e dar os primeiros passos com o ASP.NET AJAX no vídeo ASP.NET AJAX Extensions: Installation and setup?, cujo link é apresentadono final deste artigo.

Já no terceiro artigo do mini-curso de ASP.NET AJAX, publicado na edição 44 da revista, foram apresentadas informações detalhadas de como baixar o pacote apropriado do ASP.NET AJAX Control Toolkit e configurá-lo no Visual Studio 2005 nos tópicos Obtendo o ASP. NET Control Toolkit e Configurando o Visual Studio 2005.

Também é possível encontrar informações de como baixar, instalar e dar os primeiros passos com o ASP.NET AJAX Control Toolkit no vídeo ASP.NET AJAX Control Toolkit: Installation and getting started, cujo link é apresentado no final deste artigo.

 Instalando os modelos do ASP.NET

  AJAX Control Toolkit

Ao descompactar os arquivos do ASP. NET AJAX Control Toolkit, pode-se encontrar a pasta AjaxControlExtender. Essa pasta contém o arquivo AjaxControlExtender. vsi, que é um instalador VSI (Visual Studio Content Installer) que permite instalar modelos (templates) na sua máquina que tornam simples a criação de novos controles ASP.NET AJAX extender usando o Visual Studio 2005.

Para instalar os modelos adicionais no Visual Studio 2005, dê um duplo clique  no arquivo AjaxControlExtender.vsi, conforme apresentado na Figura 1.

Figura 1. Instalador AjaxControlExtender.vsi

Selecione os modelos de projetos desejados e acordo com a sua linguagem e preferência (VB ou C#). No caso das versões Express do Visual Studio 2005, os modelos de Web Site serão instalados no Visual Web Developer 2005 Express Edition e os outros modelos no Visual C#/Basic 2005 Express Edition. Clique no botão Next para que seja apresentado o quadro de diálogo No Signature Found, como apresentado na Figura 2.

Figura 2. Quadro de diálogo No Signature Found

  ...