Discussion :

[stefsas]

Bonjour,

J'ai un contrôle griedview composé de plusieurs colonnes de données.
J'ai aussi inséré une première colonnes composée de checkbox.
Par contre, je ne sais pas comment intégrer une checkbox dans l'entête qui permettrait de sélectionner où de désélectionner en une seule fois l'ensemble des checkbox de toutes mes lignes.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 <asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
           AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="Code" 
           DataSourceID="SqlDataSource1" BorderColor="#94979A" CellPadding="10" BackColor="#ECEBEF"  HeaderStyle-BackColor="#6A97D0" AlternatingRowStyle-BackColor="#D2DBE6" HeaderStyle-ForeColor="White">
           <Columns>
 
               <asp:TemplateField>
             <ItemTemplate>
                  <asp:CheckBox ID="CheckBox1" runat="server" />
             </ItemTemplate>
               </asp:TemplateField>
 
               <asp:BoundField DataField="Code" HeaderText="Code" ReadOnly="True" 
                   SortExpression="Code"  />
               <asp:BoundField DataField="Statut" HeaderText="Statut" 
                   SortExpression="Statut" />
               <asp:BoundField DataField="Responsable" HeaderText="Responsable" 
                   SortExpression="Responsable" />
               <asp:BoundField DataField="Libellé" HeaderText="Libellé" 
                   SortExpression="Libellé" />
               <asp:BoundField DataField="Date de réclamation" 
                   HeaderText="Date de réclamation" SortExpression="Date de réclamation" />
 
 
           </Columns>
       </asp:GridView>

Est-ce que quelqu'un pourrait me dire comment faire ?

Merci.

[Nicolas Esprit]

Bonjour,

Essaye ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<asp:TemplateField ShowHeader="False">
                <ItemTemplate>
                    <asp:CheckBox ID="chkBox" runat="server" />
                </ItemTemplate>
                <HeaderTemplate>
                    <asp:CheckBox ID="cbSelectAll" runat="server" Text="Check All" />
                </HeaderTemplate>
    </asp:TemplateField>

et ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
     function SelectAll(id) {
         //get reference of GridView control
         var grid = document.getElementById("<%= TaGridView.ClientID %>");
         //variable to contain the cell of the grid
         var cell;
 
         if (grid.rows.length > 0) {
             //loop starts from 1. rows[0] points to the header.
             for (i = 1; i < grid.rows.length; i++) {
                 //get the reference of first column
                 cell = grid.rows[i].cells[12];
 
                 //loop according to the number of childNodes in the cell
                 for (j = 0; j < cell.childNodes.length; j++) {
                     //if childNode type is CheckBox                 
                     if (cell.childNodes[j].type == "checkbox") {
                         //assign the status of the Select All checkbox to the cell checkbox within the grid
                         cell.childNodes[j].checked = document.getElementById(id).checked;
                     }
                 }
             }
         }
     }
 </script>

Et encore ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
protected void TaGridView_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.Header)
            {
                //Find the checkbox control in header and add an attribute
                ((CheckBox)e.Row.FindControl("cbSelectAll")).Attributes.Add("onclick", "javascript:SelectAll('" +
                        ((CheckBox)e.Row.FindControl("cbSelectAll")).ClientID + "')");
            }
}

Un solution parmi tant d'autres.

En espérant t'avoir aidé.

[stefsas]

Ok mais ta fonction TaGridView_RowDataBound, tu l'appelle quelque part car je l'ai placé en code behind et cela ne produit effet ?

[Nicolas Esprit]

Et bien tu utilises l'event OnRowDataBound de ta GridView....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

OnRowDataBound="TaGridViewLaTiennePasLaMienne_RowDataBound"

[stefsas]

Par contre, je me demandais à quoi correspondait ton ClientID dans

var grid = document.getElementById("<%= TaGridView.ClientID %>");

et

((CheckBox)e.Row.FindControl("cbSelectAll")).ClientID + "')");

car j'ai une erreur de la part d'une déboggeur d'IE qui me dit :

'childNodes' a la valeur Null ou n'est pas un objet

J'ai essayé de le remplacer par "Code" mais problème.

Est-ce que tu sais d'où vient le problème ? Merci.

[Nicolas Esprit]

Dis voir, tu as quand même bien lu ceci dans mon précédent message :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

TaGridViewLaTiennePasLaMienne

??