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:" [...] continue lendo...