Assistente de Navegação - ASP.NET 2.0

Por Renato Haddad, Microsoft Most Valuable Professional .NET Mobile Devices. Editor da revista MSDN Magazine Brasil, autor de diversos livros e ministra palestras e treinamentos sobre a tecnologia .NET.

Tecnologias Utilizadas
- ASP.NET 2.0

Você provavelmente já deve ter navegado em alguma página de cadastro na Web onde foi preciso navegar em diversas páginas, podendo avançar ou retroceder sem perder as informações. O ASP.NET 2.0 trouxe um novo controle chamado Wizard, o qual permite criar diversas paginações contendo vários controles.

Abra o Visual Studio .NET 2005, selecione o menu File / New / Web Site e crie um novo projeto com as seguintes características:

Cc517989.AssistenteASPNET01(pt-br,MSDN.10).jpg

Clique em OK para criar o projeto. Abra o Solution Explorer, clique com o botão direito sobre a solução e selecione Add New Item do tipo Web Form chamado AssistenteCadastro.aspx.

Cc517989.AssistenteASPNET02(pt-br,MSDN.10).jpg

Digite um texto no corpo da página, exiba a Toolbox e arraste o controle Wizard.

Cc517989.AssistenteASPNET03(pt-br,MSDN.10).jpg

Este controle contém uma aparência padrão, assim como os passos 1 e 2. Você pode entender os passos como etapas de um cadastro, o qual cada etapa terá os respectivos controles. Aumente o tamanho do controle Wizard, exiba a Smart Tag e selecione a opção Auto Format para aplicar um esquema de cores.

Cc517989.AssistenteASPNET04(pt-br,MSDN.10).jpg

O próximo passo é montar as etapas. Note que a única área disponível para montar os controles é a da direita, portanto, para o Step 1 digite os respectivos textos e arraste os TextBoxes.

Cc517989.AssistenteASPNET05(pt-br,MSDN.10).jpg

Para exibir o Step 2, exiba a Smart Tag e selecione Step 2. Monte a tela conforme a seguinte figura.

Cc517989.AssistenteASPNET06(pt-br,MSDN.10).jpg

Para customizar os nomes dos Steps, selecione na Smart Tag a opção Add/Remove Wizard Steps. Em Title você pode alterar o nome dos títulos das etapas.

Cc517989.AssistenteASPNET07(pt-br,MSDN.10).jpg

Salve o projeto e execute no browser (CTRL + F5).

Cc517989.AssistenteASPNET08(pt-br,MSDN.10).jpg

Cc517989.AssistenteASPNET09(pt-br,MSDN.10).jpg

Conclusão

O uso do Wizard Control permite criar diversos níveis de interação com o usuário, proporcionando diversas informações em um mesmo espaço de tela, dispensando ter que ficar controlando o viewState e outras formas de manter os conteúdos nos controles quando navegar entre as etapas.

Bons estudos e lembre-se: No Stress, think Wizard ASP.NET 2.0

Renato Haddad (rehaddad@msn.com) é MVP, editor da revista MSDN Magazine Brasil, ministra treinamentos e palestras sobre .NETe autor de diversos livros e treinamentos em CD multimídia de ASP.NET, SQL Reporting Services, Visual Studio .NET 2003 e Aplicações Móveis para celulares e Pocket PC, tanto no Brasil como em outros países da América Latina.

Mostrar: