GridView Parte II

 

Visual Studio.NET 2005

 

Olá pessoal, estarei aqui para mostrar como editar montando o método RowEditing e RowUpdating. De certa forma é bem simples e legal de usar. Em um projeto web que fiz para um banco, tive que guardar como controle os dados antes de ser mudados, ou seja, tive que pegar os dados anteriores e os dados atuais editados pelo usuário para gravar em uma tabela de controle e log.

 

Bom, essa é uma continuação da parte I, se ainda não leu, por favor, leia e entenda como foi feito anteriormente. Nessa parte anterior, mostrei como preencher o GridView, veja como ficou. (2.1 GridView Parte II)

 

Referência: 2.1 GridView Parte II

 

Explicação:

 

Entro com os dados e clico no botão “Salvar”, o GridView mostra os dados que foram gravados no banco de dados. Muito simples e fácil para desenvolver.

 

Editar

 

Quando for editar os campos do meu GridView, deve ser feito antes de tudo o html para saber quais os campos serão editados. No meu caso, defini todos os meus campos do Grid para serem editados.

 

Referência: 2.2 GridView Parte II

 

Dentro da tag <Columns> existem as tags <ItemTemplate> e <EditItemTemplate>. (Referência 2.3 GridView Parte II)

 

Referência: 2.3 GridView Parte II

 

Todo campo de dentro da Tag <EditItemTemplate> existe um textbox onde o mesmo pode ser alterado ou editado.Para não ter um campo editado, é só tirar a tag <EditItemTemplate> com todo o seu conteúdo.

 

Cliquei no mode design, selecionei o GridView, logo depois em propriedades e no campo Events. Esse componente mudou um pouco em relação ao antigo DataGrid. Agora o modo para fazer a edição, cliquei no método RowEditing onde é redirecionado automaticamente ao code behing.(2.4 GridView Parte II).

 

Referência: 2.4 GridView Parte II

 

Code Behing

 

Indo para o code behing digitei o código de referência 2.5 GridView Parte II.

 

Referência: 2.5 GridView Parte II

 

Explicação:

 

Depois que coloquei o comando e.NewEditIndex, mandei preencher o grid novamente. Note que fiz um método específico para buscar os dados e preenchê-lo. O método chama PreencheGridView().

 

O que esse método faz é apenas abrir o banco de dados, fazer o select e retornar os dados do tipo DataSet.Usando o Edit os campos editáveis irão se tornar campos textBox onde o cliente ou usuário poderá mudar o valor.

 

Seguindo com a aplicação, agora utilizo da mesma forma, porém chamo outro método chamado RowUpdating. (Referência 2.4 GridView Parte II).

 

Cliquei no RowUpdating e digitei o código. (2.6 GridView Parte II)

 

Referência: 2.6 GridView Parte II

 

Explicação:

 

O método está todo comentado.

 

O que sempre é difícil quando usa GridView é pegar os dados que foram editados. Atribui o valor a uma string declarada. (2.7 GridView Parte II)

 

Referência: 2.7 GridView Parte II

 

Uso o comando FindControl para pegar o id do campos e atribui a variável string.

 

Para atualizar os dados utilizo uma outra classe responsável para acessar o banco e atualizar os dados. O código 2.8 GridView Parte II passa os dados para a o método onde atualiza o código do GridView.

 

Referência: 2.8 GridView Parte II

 

Cancelar

 

Para cancelar o modo de edição, utilizei a referência 2.4 clicando no events RowCancelingEdit. É bem simples e fácil. (2.9 GridView Parte II)

 

Referência: 2.9 GridView Parte II

 

Explicação:

 

O código que cancela a edição é apenas o EditIndex = -1 e depois mando preencher o grid novamente.

 

No código HTML do GridView basta colocar a linha. (Referência 3.0 GridView Parte II).

 

Referência: 3.0 GridView Parte II

 

Código em funcionamento

 

Referência: 3.1 GridView Parte II

 

Cliquei no Editar.

 

Referência: 3.2 GridView Parte II

 

Cliquei no Cancelar

 

Referência: 3.3 GridView Parte II

 

Mudando os dados

 

Referência: 3.4 GridView Parte II

 

Valor mudado

 

Referência: 3.5 GridView Parte II

 

Bom, eu fico por aqui.

 

Maurício Junior

 

www.aspneti.com

www.ascompras.com

e-mail: mauricio@aspneti.com