Tout cocher/Tout décocher des Checkbox dans une gridView

Version imprimable

Bonjour,

Je suis en train de finaliser un affichage de données dans une GridView, et j'ai 2 colonnes indépendantes qui contiennent chacune des checkbox.
J'aimerai ajouter 2 checkbox (respectivement pour les 2 colonnes) afin de faire un "Tout cocher" ou Tout décocher".
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <asp:TemplateField HeaderText="Valider" ItemStyle-HorizontalAlign="Center"> <ItemTemplate> <asp:CheckBox ID="cbxValider" runat="server" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Rejeter" ItemStyle-HorizontalAlign="Center"> <ItemTemplate> <asp:CheckBox ID="cbxRejeter" runat="server" /> </ItemTemplate> </asp:TemplateField>
J'aimerai savoir s'il y a une astuce pour le faire!

J'avais comme idée de faire un script javascript, mais dans le code source les noms sont sous la forme
<input id="gvResultat_ctl05_cbxRejeter" type="checkbox" name="gvResultat$ctl05$cbxRejeter" />

merki

08/01/2008, 14h11
nkonito

J'ai pas bien compris ce que tu veux faire, "cocher tout" signifie cocher l'une des colonnes pour toutes les lignes ou cocher les deux colonnes pour la meme ligne ?
08/01/2008, 14h15
OminiuS

je rajoute une Checkbox qui permet de cocher toute la colonne :)
(et donc comme j'ai 2 colonnes, j'en aurait 2, une pour chaque colonne :)
08/01/2008, 14h39
nkonito

je te donne ce lien, je ne sais pas s'il va t'aider.

http://www.asp.net/learn/data-access...ial-52-cs.aspx

dans Step 4: Adding “Check All” and “Uncheck All” Buttons, il y a la bonne méthode pour ça merki :D
Code:

1 2 3 4 5 6 7 8 9 private void ToggleCheckState(bool checkState) { // Iterate through the Products.Rows property foreach (GridViewRow row in Products.Rows) { // Access the CheckBox CheckBox cb = (CheckBox)row.FindControl("ProductSelector"); if (cb != null) cb.Checked = checkState; } }
mais j'aurai aimé faire l'action à partir dune checkbox et pas a partir d'un bouton, donc j'ai créé mon chackbox avec un événement sur OnCheckedChange, mais il n'y a pas d'intéraction client/serveur, et l'événement est atteint que lors du prochain rafraichissement :x

une solution pour ce nouveau problème?

ou une autre solution pour la discussion?

08/01/2008, 15h15
Kaidan

Il manque un true à la propriété AutoPostBack du CheckBox que tu utilises pour faire le Check All.
08/01/2008, 15h27
OminiuS

oui merki :king:

Finalement j'ai opter pour une nouvelle version en javascript :D

.ASPX

Code:

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
27
28
29
30
31
32
33
34
35
 
<asp:TemplateField HeaderText="Valider" ItemStyle-HorizontalAlign="Center">
                            <HeaderTemplate>
                                <asp:Label ID="lblValider" runat="server" Text="Label">Valider</asp:Label>
                                <br />
                                <asp:CheckBox ID="cbxInverser1" runat="server" />
                            </HeaderTemplate>
                            <ItemTemplate>
                                <asp:CheckBox ID="cbxValider" runat="server" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Rejeter" ItemStyle-HorizontalAlign="Center">
                            <HeaderTemplate>
                                <asp:Label ID="lblRejeter" runat="server" Text="Label">Rejeter</asp:Label>
                                <br />
                                <asp:CheckBox ID="cbxInverser2" runat="server" />
                            </HeaderTemplate>
                            <ItemTemplate>
                                <asp:CheckBox ID="cbxRejeter" runat="server" />
                            </ItemTemplate>
                        </asp:TemplateField>
 
<script type="text/javascript">
        function ToggleCheckBoxes(ids)
        {
            for (var i = 0 ; i < ids.length ; ++i)
            {
                var cbx = document.getElementById(ids[i]);
                if (cbx)
                {
                    cbx.checked = !cbx.checked;
                }
            }
        }
    </script>

.CS

Code:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
public List<string> idsValider, idsRejeter;
 
protected void Page_Load(object sender, EventArgs e)
{
        //initialisation des Listes
        this.idsValider = new List<string>();
        this.idsRejeter = new List<string>();
}
 
protected void gvResultat_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType != DataControlRowType.DataRow)
{
    return;
}
    Control ctrl = e.Row.FindControl("cbxValider");
        if (null != ctrl)
        {
            this.idsValider.Add("'" + ctrl.ClientID + "'");
        }
 
        ctrl = e.Row.FindControl("cbxRejeter");
        if (null != ctrl)
        {
            this.idsRejeter.Add("'" + ctrl.ClientID + "'");
        }
    }
 
protected void gvResultat_PreRender(object sender, EventArgs e)
    {
        CheckBox cbx = this.gvResultat.HeaderRow.FindControl("cbxInverser1") as CheckBox;
        if (null != cbx)
        {
            cbx.Attributes["onclick"] = "ToggleCheckBoxes([" + string.Join(",", this.idsValider.ToArray()) + "]);";
        }
 
        cbx = this.gvResultat.HeaderRow.FindControl("cbxInverser2") as CheckBox;
        if (null != cbx)
        {
            cbx.Attributes["onclick"] = "ToggleCheckBoxes([" + string.Join(",", this.idsRejeter.ToArray()) + "]);";
        }
    }