Desabilitando checkbox no evento RowDataBound do gridview e Selecionando todos checkbox atrav�s de JavaScript

Nesse artigo iremos implementar no gridview o uso de checkbox onde iremos selecionar todos os checkbox atrav�s de javascript�e dependendo da condiç�o, quando o gridview � populado no evento RowDataBound iremos desabilitar o checkbox.

Vamos partir do princ�pio que j� temos um projeto aberto onde temos uma conex�o com o banco e um gridview. Adicionar no projeto um arquivo do tipo JScript.js com o nome selecionar.js onde o mesmo vai conter o conte�do da�Listagem 1

Listagem 1

//Funç�o Check usado no GidView
function�SelecionaTodosChecks(spanChk){
var�oItem = spanChk.children;
var�theBox= (spanChk.type=="checkbox") ? spanChk : spanChk.children.item[0];
xState=theBox.checked;
elm=theBox.form.elements;
for(i=0;i<elm.length;i++) 
if(elm[i].type=="checkbox"�&& elm[i].id!=theBox.id){
if(elm[i].checked!=xState)
elm[i].click();
}
}

Agora na p�gina .aspx dentro da tag�<head>head>�colocar o caminho do arquivo selecionar.js conforme�Listagem 2.

Listagem 2

<head�id="Head1"�runat="server">
<title>Nome do Projetotitle>
<script�src="../selecionar.js"�type="text/javascript">script>
<head>

No GridView vamos�acrescentar um�TemplateField��que vai conter o checkbox conforme�Listagem 3.

Listagem 3

<asp:TemplateField�HeaderText="Selecione"�Visible="true">
<ItemTemplate>
<div�id="divSelect"�runat="server">
<asp:CheckBox�ID="chkSelect"�runat="server"�/>
div>
ItemTemplate>
<HeaderTemplate>
<input�id="chkAll"�onclick="javascript:SelecionaTodosChecks(this);"�runat="server"
type="checkbox"�/>
HeaderTemplate>
<HeaderStyle�HorizontalAlign="Center"�Width="10%"�/>
<ItemStyle�HorizontalAlign="Center"�/>
</asp:TemplateField>

Ao acrescentar o�TemplateField�o gridview vai aparecer conforme a�Figura 1�mostra como deve ficar o GridView. Nesse momento se clicar-mos no checkbox do topo o mesmo acionar� o javascript e ir� selecionar o demais.

Figura 1

Agora que j� sabemos como selecionar todos os checkbox de uma s� vez,�Saberemos como�desabilitar o checkbox no evento�RowDataBound�do GridView ent�o no modo design clique no gridview(1) e depois v� na Aba Properties e clique em Events (2) e por fim clicar e RowDataBound(3) conforme�figura 2.

Figura 2

Ao clicar duas vezes em Events�vamos para o .cs da p�gina onde vai aparecer o evento RowDataBound conforme�Listagem 4�vamos ver como desabilitar todos os checkbox.

Listagem 4

protected�void�NomedoGridView_RowDataBound(object�sender,�GridViewRowEventArgs�e)
{
����� if�(e.Row.RowType ==�DataControlRowType.DataRow)
����� {
���������CheckBox�chkSelect =�(CheckBox)e.Row.FindControl("chkSelect");
���������chkSelect.Attributes["disabled"] =�"true";������
�
������}
}

OBS:�Agora podemos colocar um outro�TemplateField�e fazer condiç�es onde dependendo do conte�do desse novo�TemplateField��voc� habilita ou desabilita o checkbox.

Exemplo

Colocar no GridView outro�TemplateField�que retornar� o cargo conforme�Listagem 5.

Listagem 5

<asp:TemplateField�HeaderText="Cargo">
<ItemTemplate>
<asp:Label�ID="lblCargo"�runat="server"�Text=''>asp:Label>
</ItemTemplate>
<HeaderStyle�Width="80%"�/>
</asp:TemplateField>

E no evento RowDataBound colocar�o c�digo conforme a�Listagem 6.

Listagem 6

protected�void�NomedoGridView_RowDataBound(object�sender,�GridViewRowEventArgs�e)
{
����� if�(e.Row.RowType ==�DataControlRowType.DataRow)
����� {
���������Label�lblCargo= (Label)e.Row.FindControl("lblCargo");
���������CheckBox�chkSelect = (CheckBox)e.Row.FindControl("chkSelect");
�
��������if�(lblCargo.Text ==�"Desenvolvedor")
�� ���������chkSelect.Attributes["disabled"] =�"true";
��������else
������������chkSelect.Attributes["disabled"] =�"false";
�
������}
}

Espero que tenham gostado e at� o pr�ximo artigo.

Desabilitando checkbox no evento RowDataBound do gridview e Selecionando todos checkbox atrav�s de JavaScript

Nesse artigo iremos implementar no gridview o uso de checkbox onde iremos selecionar todos os checkbox através de javascript e dependendo da condição, quando o gridview é populado no evento RowDataBound iremos desabilitar o checkbox.

Artigos relacionados