Clique aqui para instalar o Silverlight*
BrasilAlterar|Todos os sites da Microsoft
MSDN
|Developer Centers|Biblioteca|Downloads|Assinaturas MSDN
Pesquisa rápida


Edição de dados no GridView - 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

Nas aplicações WEB, edição de dados via Browser sempre foi um desafio para os desenvolvedores. O fato é que independente do tipo de controle, aplicação ou plataforma, alguns usuários necessitam alterar os dados diretamente na base de dados. Até aqui nada de novidade, pois você pode utilizar uma UI de acordo com o perfil e a necessidade dos usuários.

No ASP.NET 1.1 temos o controle DataGrid, o qual foi uma implementação da Microsoft para expressar qualquer fonte de dados. Este controle, sem nenhuma dúvida, é um dos mais utilizados nas páginas, seja pela apresentação, facilidade de uso e implementação ou performance. No entanto, é necessário digitar códigos para estas alterações.

No ASP.NET 2.0 o DataGrid deixou de existir e foi criado um novo controle chamado GridView, o qual provê mais funcionalidades e sua implementação é extremamente simples e fácil.

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

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 EdicaoDadosGridView.aspx.

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

É exibida uma Smart Tag contendo as opções disponíveis neste momento. Selecione Auto Format e aplique uma formatação para personalizar a exibição do GridView.

O próximo passo é definir uma fonte de dados. Em Choose Data Source, selecione <new data source>. São exibidas todas as possíveis fontes de dados para o controle GridView, e como usaremos o banco de dados Northwind do SQL Server como exemplo, selecione Database. Note que você usar qualquer provider existente para .NET. Clique em OK.

Para montar a conexão, você duas opções:

1.

Caso já tenha definida alguma conexão que esteja armazenada no arquivo Web.Config, esta é exibida na lista para que você use-a. A enorme vantagem disto ocorre na manutenção de qualquer item da string de conexão. Neste caso, vou utilizar a conexão chamada myConnection que eu já criei em outro artigo.

2.

Clique no botão New Connection, informe os dados da conexão e teste para verificar o acesso.

Clique em Next e selecione a tabela Products. Atenção: não selecione uma consulta, tem que ser uma tabela. Selecione os campos a serem exibidos para alteração.

Ainda nesta tela, clique no botão Advanced e selecione os dois checkboxes para criar os métodos do DataSet (Insert, Update e Delete). Clique em OK e em Next.

Clique no botão Test Query para visualizar os dados. Por fim, clique em Finish.

Automaticamente é exibida a Smart Tag com outras opções. Marque os seguintes checkboxes: Enable Paging (permite a paginação automática sem nenhum código), Enable Sorting (permite a classificação das colunas), Enable Editing (exibe o botão para editar os dados) e Enable Deleting (permite e exclusão de dados).

Customização das colunas

Como você pode observar, o layout das colunas não estão adequados ao contexto, e para isso vamos customizar. Na Smart Tag, selecione Edit Column. Como a primeira coluna é do tipo Command Field, altere as propriedades DeleteText para Excluir, EditText para Editar, CancelText para Cancelar e UpdateText para Atualizar.

Altere o Header de cada uma das colunas sendo: Cod, Produto, Estoque e Preço. No caso da coluna Estoque e Preço, altere a propriedade DataFormatString para {0:n0} e {0:n2} respectivamente, sendo o formato numérico com zero e duas casas decimais. Além disto, altere a propriedade ItemStyle/HorizontalAlign para Right para alinhar os itens à direita.

Veja o novo GridView formatado.

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

Selecione um produto a ser alterado e clique no Editar para alterar os dados.

Para efetivar as alterações, clique no Atualizar. Note que o campo ProductID (Cod) é chave primária e, automaticamente não é possível alterá-lo. Veja as alterações efetivadas. Caso queira cancelar, basta clicar no botão Cancelar.

Conclusão

O uso do GridView proporciona alterar dados diretamente no Grid sem a necessidade de implementar nenhuma linha de código. Lembre-se que o GridView pode ser customizado totalmente, permitindo incluir qualquer tipo de funcionalidade em páginas WEB.

Bons estudos e lembre-se: No Stress, think GridView 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.


 

©2017 Microsoft Corporation. Todos os direitos reservados. Entre em contato |Nota Legal |Marcas comerciais |Política de Privacidade
Microsoft