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:
.jpg "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.
.jpg "Cc517989.AssistenteASPNET02(pt-br,MSDN.10).jpg")
Digite um texto no corpo da página, exiba a Toolbox e arraste o controle Wizard.
.jpg "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.
.jpg "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.
.jpg "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.
.jpg "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.
.jpg "Cc517989.AssistenteASPNET07(pt-br,MSDN.10).jpg")
Salve o projeto e execute no browser (CTRL + F5).
.jpg "Cc517989.AssistenteASPNET08(pt-br,MSDN.10).jpg")
.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.