Utilizando o CheckBox no GridView

Nas próximas duas telas que se segue, clique em NEXT (Figura 09). Após isso, selecione todos os campos da tabela Clientes, clique em NEXT e na próxima janela, clique em FINISH. Veja a Figura 10.

Pronto !! Já vinculamos nosso GridView a um banco de dados. Vamos agora incluir nosso CheckBox. Pra isso, temos que incluir um TemplateField ao Grid. Na janela GridView Task, clique na opção Edit Columns. Na janela Field que irá aparecer, adicione um TemplateField, coloque-o na primeira posição e depois clique em OK, conforme a Figura 11.

Após isso, vamos editar este Template, colocando nele nosso controle CheckBox. Então, ainda na janela GridView Task, clique em Edit Templates. Escolha a opção Header Template e arraste um CheckBox pra dentro dele, deixe o nome padrão CheckBox1. Fazendo isso, estamos adicionando um controle CheckBox no cabeçalho do GridView, que servirá para o usuário clicar nele e todas as linhas serem selecionadas. Então, neste caso, temos que incluir nas linhas também este controle. Então, escolha a opção Item Template, arraste um outro CheckBox para dentro dele e deixe o nome padrão CheckBox2. Veja a figura 12.

Agora, clique mais uma vez na opção Header Template, e no CheckBox1, clique no botão direito, e em Propriedades, mude para True o atributo AutoPostBack, que por padrão já vem como False. Veja a Figura 13 abaixo.

Agora, no evento CheckedChanged do CheckBox, iremos colocar nosso código para selecionar todas as linhas. Tudo que fizermos nesse evento, será executado quando o usuário clicar nele, ou seja, marcá-lo. E é justamente isso que queremos fazer. Quando o controle for clicado, todas as linhas serão selecionadas. Bom, então dê um duplo clique no CheckBox1, e você será levado para o evento CheckBox1_CheckedChanged e adicione as seguintes linhas de código (Figura 14):

Nas linhas de código acima, estou fazendo uma varredura nas linhas do GridView, usando foreach, e procurando se existe um CheckBox nelas, caso exista, mando marcar-las. Volte à página Default.aspx e na janela GridView Task do GridView, clique em End Template Editing. Rode o Aplicativo e veja o resultado, Figura 15.

>> Resgatando dados de uma Linha

Ok. Podemos também resgatar o ID, Nome, Endereço ou qualquer outros valores necessários para nossas aplicações. E isso podemos fazer usando o CheckBox para selecionar a linha. Aqui no nosso artigo, vamos resgatar todos os dados da nossa tabela Clientes. Pra isso, volte à página Default.aspx e insira uma tabela com 2 colunas e arraste 5 controles Labels e 1 controle Button. Nos Labels, deixe a propriedade Text vazio, e preencha as propriedades ID conforme a Figura 16 abaixo. O mesmo acontece com o Button.

Após isso, temos que fazer aparecer os dados da linha que tiver clicada. E isso será feito quando o usuário selecionar uma linha através do CheckBox e depois clicar no botão Buscar. Então, colocaremos o código no evento Click do botão. Dê um duplo clique no botão e no evento btnBuscar_Click insira as seguintes linhas de código, Figura 17.

O código acima faz basicamente a mesma coisa que o primeiro. Sendo que neste caso, ele varre todas as linhas e verifica se existe um CheckBox e se ele está checado (clicado). Se sim, ele coloca nos Labels os dados daquela linha.

Pronto, agora rode o sistema e vejamos se deu certo !!

Quem quiser o projeto completo, pode baixar clicando aqui.

Bom, é isso ai pessoal !! Espero que tenham gostado e um grande abraço a todos.

Aprofunde seus conhecimentos sobre esse tema na comunidade ASP.NET

Aprofunde seus conhecimentos sobre esse tema na comunidade C#

Até a próxima,

Michaell Dantas
Coisas complexas são criadas a partir de coisas simples.(Michaell Dantas)