Artigo da .net Magazine 39 - Personalizando aplicações Web com JavaScript

P>

Clique aqui para ler todos os artigos desta edição

ASP.NET

Personalizando aplicações Web com JavaScript

O Visual Studio 2005 é uma excelente ferramenta para desenvolvimento de sistemas sobre a plataforma .NET 2.0 e oferece dentre suas inúmeras características, a abstração de tarefas certamente complexas, caso tivéssemos que escrever o código necessário para as mesmas. Imagine o código necessário para criar uma aplicação no “braço”, se compararmos as facilidades de drag and drop e as declarações implícitas de objetos, code behind, definições de classes, códigos HTML etc.

No entanto, em alguns momentos o desenvolvedor necessita de algo mais, detalhes de interatividade com o usuário, controles de fluxo de tela, ou seja, refinamentos que deixam o sistema com uma melhor interface para o usuário final.

Portanto, em complemento a todos os recursos que o Visual Studio 2005 oferece, este artigo apresenta algumas técnicas da linguagem JavaScript em sua forma de interação com o desenvolvimento de aplicações ASP.NET.

A linguagem JavaScript foi criada em 1995 para atender, principalmente, a necessidade de promover a validação de formulários e de oferecer maior interatividade de aplicações Web com o usuário. Com a evolução, surgiu a necessidade de trabalhar de forma mais dinâmica, além de interativa, com elementos de tela diretamente no navegador do usuário (client side), isso ocorreu principalmente com a união do CSS (Cascading Style Sheets) com o JavaScript e o HTML, surgindo o DHTML (Dynamic HTML).

Ou seja, com o DHTML o desenvolvedor possui um conjunto de ingredientes que proporcionam um controle de conteúdo de páginas da Web sem a necessidade de novos reloads com o servidor onde a aplicação está hospedada.

A combinação do Visual Studio 2005 com o JavaScript acontece de diversas formas, muitas delas a própria ferramenta se encarrega de gerar o código necessário, mas queremos mais, queremos de “próprio punho” declarar nossas funções JavaScript e dar à aplicação um ar mais sofisticado, onde seja possível indicar para o usuário o que cada campo de tela espera receber de valor, a interação de elementos da tela com o movimento do mouse, controles de clicks, fluxo de entrada de dados, criação de máscaras para campos como CEP, CNPJ, CPF, telefone, datas, manipulação de cores, estilos e movimentos.

Bem, chega de papo, vamos logo entender como podemos incluir nossas próprias funções JavaScript nas aplicações ASP.NET.

Criando um formulário de cadastro simples

Neste exemplo utilizaremos a tabela de Regiões (Regions) do banco de dados Northwind. Construiremos um pequeno formulário para manipulação dos dados dessa tabela, no entanto, estaremos enfocando apenas a forma como embutimos funcionalidades escritas em JavaScript.

Depois de entender o conceito que pretendemos apresentar, utilize sua criatividade e vá além. Para iniciarmos nosso projeto, crie uma nova aplicação Web no Visual Studio 2005 utilizando a linguagem C#. Arraste e solte no Default.aspx os objetos de tela de forma que você obtenha um formulário parecido com o que apresentamos na Figura 1. Veja na Tabela 1 todos os objetos de tela utilizados e seus respectivos nomes.

Figura 1. Esboço da tela de cadastro de regiões