Gridview applicare una colonna di tipo checkbox

Per il sito iprogrammatori http://www.iprogrammatori.it/articoli/web-marketing/controllo_checkbox_gridview.asp ho scritto un articolo, che riporto qui.





Figura 1

Introduzione

In questo articolo, vedremo come applicare in un controllo GridView un checkbox, e selezionare o deselezionare gli elementi di ogni riga.

Dopo aver creato un nuovo progetto web in Visual Studio 2005, inseriamo nella pagina web, un controllo gridview e due pulsanti, come mostra in figura 1.

Impostazione delle colonne del gridView.

Il gridView sarò composto da tre colonne, una di tipo checkbox e due che fanno riferimento ad una fonte dati (colonne di un datatable), nell'intestazione del gridiview, si troverà un checkbox che permette di selezionare e deselezionare tutti gli elementi checkbox di quella pagina.

Di seguito si riporta l'impostazione delle colonne.



<



Columns

>

<asp:TemplateField

>

<HeaderTemplate

>

<input id="Seleziona" onclick="javascript:Seleziona(this);" runat

="server"

type="checkbox"

/>

</HeaderTemplate

>

<ItemTemplate

>

<asp:CheckBox ID="chkSeleziona" runat="server" Text=" " Width="18px"

/>

</ItemTemplate

>

</asp:TemplateField

>

<asp:BoundField HeaderText="Valore A" DataField="Valore A"

/>

<asp:BoundField HeaderText="Valore B" DataField="Valore B"

/>

</Columns

>

Come mostrato dal codice html, l'evento onClick del controllo checkbox, eseguirà una funzione javascript, la quale seleziona o deseleziona i vari checkbox nel controllo.

Di seguito si riporta il codice della funzione javascript.

<

script language="javascript">

function

Seleziona(Chkbox){

var theBox= (Chkbox.type=="checkbox"

) ?Chkbox : Chkbox.children.item[0];

stato=theBox.checked;

elemento=theBox.form.elements;



for

(i=0;i<elemento.length;i++)

if(elemento[i].type=="checkbox"

&&elemento[i].id!=theBox.id)

{



if

(elemento[i].checked!=stato)elemento[i].click();

}

}

</

script>



Seleziona e deselezina elemento.

Di seguito si riporta il codice in VB.Net e C#. che permette di selezionare e deselezionare gli elementi del controllo gridview.

Questa funzione a differenza della precedente, premette di selezionare e deselezionare gli elementi direttamente dal codice VB.Net e C#.

Codice VB.Net

Private Sub Seleziona(ByVal seleziona As Boolean

)

If (seleziona = True) Then

For conta As Integer = 0 To

GridView1.Rows.Count - 1

Dim ChkDeSeleziona As CheckBox = CType(GridView1.Rows(conta).FindControl("chkSeleziona"

), CheckBox)ChkDeSeleziona.Checked =

True

Next

Else

For conta As Integer = 0 To

GridView1.Rows.Count - 1

Dim ChkSeleziona As CheckBox = CType(GridView1.Rows(conta).FindControl("chkSeleziona"

), CheckBox)ChkSeleziona.Checked =

False

Next

End If

End

Sub

Codice C#

private

void Seleziona(bool

seleziona){

if

(!seleziona){

for (int

contatore = 0; contatore < GridView1.Rows.Count; contatore++){

CheckBox ChkDeSeleziona = (CheckBox)GridView1.Rows[contatore].FindControl("chkSeleziona"

);ChkDeSeleziona.Checked =

false

;}

}



else

{

for (int

contatore = 0; contatore < GridView1.Rows.Count; contatore++){

CheckBox ChkSeleziona = (CheckBox)GridView1.Rows[contatore].FindControl("chkSeleziona"

);ChkSeleziona.Checked =

true

;}

}

}

Per selezionare l'elemento, dovrebbe eseguire la funzione passando come valore true, mentre per deselezionare tali elementi utilizzeremo false.

Di seguito si riporta un esempio di codice.

VB.Net

Protected Sub BtnSeleziona_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles

BtnSeleziona.Click

Seleziona(

True

)

End Sub

Protected Sub BtnDeseleziona_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles BtnDeseleziona.Click

Seleziona(

False

)

End Sub

C#

protected

void BtnSeleziona_Click(object sender, EventArgs

e){

Seleziona(

true

);}

protected

void BtnDeseleziona_Click(object sender, EventArgs

e){

Seleziona(

false

);}

Conclusioni:

In questo articolo, si è visto come applicare in un controllo gridiview delle checkbox e permettere la selezione e deselezione sia con il linguaggio VB.Net e sia con C#.

Tramite la parola download è possibile scaricare il file di esempio utilizzato nell'articolo.

Download