CheckBox dans GridView

Version imprimable

Voir 40 message(s) de cette discussion en une page

28/12/2011, 12h31
le_misterioso

CheckBox dans GridView

Bonjour les amis,
J'ai un petit problème mais qui me bloque,
Dans un projet ASP.NET(c#), j'ai crée un gridview dans lequel chaque ligne contient un checkBox avec "Autopostback='true'".
Au moment q'on coche un checkbox dans une ligne, un traitement spécifique est lancé côté serveur et tous les autres checkbox se désactive. pour pouvoir cocher un autre checkbox (autrement dit pour choisir une autre ligne), il faut décocher le premier pour que les autres checkbox s'activent.
Mon programme marche très bien (répond logiquement à la condition suivante : une seule case à cocher doit être coché).
Pourtant pratiquement c'est pas forcément le cas, parceque entre l'appuie sur une case à cocher et l'application du traitement côté serveur, il y a un lapse de temps (réponse du serveur) ou je peut cocher plusieurs checkbox!!!
Avez vous une solution pour parez ce problème là?
Merci d'avance!!
28/12/2011, 15h39
calagan99

Citation:

Envoyé par le_misterioso

Bonjour les amis,
J'ai un petit problème mais qui me bloque,

On va en parler, ça ira mieux après :)

Citation:

Envoyé par le_misterioso

Dans un projet ASP.NET(c#), j'ai crée un gridview dans lequel chaque ligne contient un checkBox avec "Autopostback='true'".
Au moment q'on coche un checkbox dans une ligne, un traitement spécifique est lancé côté serveur et tous les autres checkbox se désactive. pour pouvoir cocher un autre checkbox (autrement dit pour choisir une autre ligne), il faut décocher le premier pour que les autres checkbox s'activent.
Mon programme marche très bien (répond logiquement à la condition suivante : une seule case à cocher doit être coché).
Pourtant pratiquement c'est pas forcément le cas, parceque entre l'appuie sur une case à cocher et l'application du traitement côté serveur, il y a un lapse de temps (réponse du serveur) ou je peut cocher plusieurs checkbox!!!
Avez vous une solution pour parez ce problème là?
Merci d'avance!!

Alors, première chose, il faudrait que tu postes un peu de code pour que nous voyions ce dont il est question.
Il est en effet étonnant que la mise à jour d'une GridView soit aussi longue que tu le décris. Il y a donc probablement des optimisations à faire dans ton code.

Merci d'abord Calagan pour ta réponse.
mon code est le suivant :

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
 
protected void ChkBox_CheckedChangedDec(object sender, EventArgs e)
    {
        try
        {
            CheckBox checkbox = (CheckBox)sender;
            GridViewRow row = (GridViewRow)checkbox.NamingContainer;
            ImageButton ibtn = (ImageButton)row.FindControl("ibtnSelect");
 
            if (checkbox.Checked)
            {
                for (int i = 0; i < gvDeclarants.Rows.Count; i++)
                {
                    CheckBox cbSelection = (CheckBox)gvDeclarants.Rows[i].FindControl("chkBoxDec");
                    if (cbSelection != checkbox)
                    {
                        cbSelection.Enabled = false;
                    }
                }
            }
else{
    for (int i = 0; i < gvDeclarants.Rows.Count; i++)
                {
                    CheckBox cbSelection = (CheckBox)gvDeclarants.Rows[i].FindControl("chkBoxDec");
                    if (cbSelection != checkbox)
                    {
                        cbSelection.Enabled = true;
                    }
                }
}
.....
....
....
....

Merci d'avance !

29/12/2011, 10h09
calagan99

Bizarre, rien d'anormal dans ton code.
Ta grid comporte combien d'item ? Si tu en as beaucoup, sans pagination, ton problème pourrait venir de là.

Ta grid est-elle dans un UpdatePanel ?
29/12/2011, 23h33
le_misterioso

Je crois que j'ai l'idée de la solution, j'utiliserai du javascript pour que le check/uncheck se fait côté client et non pas coté serveur.
Donc je réexplique : comment je peux utiliser javascript pour que si je coche une case n'import laquelle dans un datagrid la case en question reste activée alors que les autres cases à cocher se désactive, et vice versa, comment lorsque je décoche une cas à cocher, cette case reste activée et les autres cases s'active aussi (enabled=true).
Merci d'avance les amis !

Autrement dit, je n'ai le droit de cocher qu'une seule case. Je crois que ce traitement se fera rapidement, n'est-ce pas?

la solution la plus simple est d'utiliser jquery, ca donnera un truc du genre :
Code:

1 2 3 4 5 $(':checkbox').each(function(){ if(!$(this).is('checked')) $(this).attr('disabled', 'disabled'); });
sinon tu le fait en en parcourrant en dom ce qui donnera un truc du genre :
Code:

1 2 3 4 5 6 7 8 9 var inputs = document.getElementsByTagName('input'); for(var i = 0 ; i< inputs.length; i++) { if(inputs[i].type=="checkbox" && !inputs[i].checked) { inputs[i].disabled = 'disabled'; } }
Du moins c'est ce que je crois :aie:

merci g_tarik0010 mais comment je peux lier ce code script au click du checkbox contenu dans le gridview; sachant que mon code aspx ressemble à ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <asp:GridView ID="gvDeclarants" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" Width="500px" Font-Names="Verdana" Font-Size="XX-Small" OnRowDataBound="gvDeclarants_RowDataBound"> ... ... ... ... asp:TemplateField HeaderText="DEC"> <ItemTemplate> <asp:CheckBox ID="chkBoxDec" runat="server" Checked='<%# Bind("Declarant") %>'/> </ItemTemplate> </asp:TemplateField>
j'ajouterai aussi que le "onclick" ne se trouve pas dans le controle checkbox

Edit
Pour localiser mon problème, j'ai essayé d'affecter une simple fonction javascript (qui affiche un message d'erreur) au moment ou je coche un checkbox d'un gridview, mais en vain. Comment je lie ma fonction javascript avec le <asp:checkbox, j'ai trouvé dans le net je doit utiliser l'attribut "onclick" du checkbox, mais cet attribut n'existe pas !!!!!
Merci les amis et bonne année !

30/12/2011, 20h38
g_tarik0010

Essaie avec ça :

Code:

<asp:CheckBox runat="server" ID="test" onclick="javascript:alert(this.checked);" />
31/12/2011, 23h54
le_misterioso

ca marche pas!!!!

"onclick" n'existe pas dans "chechbox" comme c'est le cas de "ID" et "runat" !!
Veuillez m'éclairer mes amis SVP...
Merci d'avance les amis !
01/01/2012, 20h45
g_tarik0010

Ca n'existe pas dans les attributs de L'intellisence, cependant quand tu la met ca se crée coté client

NB : respecter la casse ==> onclick

D'accord, merci tarik, j'ai essayé avec :

Code:

1
2
3
4
5
6
 
<asp:TemplateField HeaderText="test">
                        <ItemTemplate>
                            <asp:CheckBox ID="chkBoxDec" runat="server" Checked='<%# Bind("Declarant") %>' onclick="javascript:alert(this.checked);"/>                            
                        </ItemTemplate>
                    </asp:TemplateField>

ca a marché, mais lorsque je crée une fonction javascript comme suit :

Code:

1
2
3
4
5
6
7
 
<script type="text/javascript" language="javascript">
function enableDisable(chk)
{
           return alert(chk.checked);            
}
</script>

avec le code du checkbox :

Code:

1
2
3
4
5
6
7
 
 
<asp:TemplateField HeaderText="test">
                        <ItemTemplate>
                            <asp:CheckBox ID="chkBoxDec" runat="server" Checked='<%# Bind("Declarant") %>' onclick="javascript:enableDisable(this);"/>                            
                        </ItemTemplate>
                    </asp:TemplateField>

ca me donne pas le message alert !!!!!
Veuillez m'éclairez SVP !!
Merci d'avance

02/01/2012, 16h42
g_tarik0010
la fonction alert ne retourne pas de valeur (c'est une void)
Code:

1 2 3 4 5 6 function enableDisable(chk) { alert(chk.checked); return true; }
02/01/2012, 17h31
le_misterioso
J'ai trouvé le problème, on fait j'ai plusieurs imbrications :( :( :
des updatepanel>panel>Wizard> ....
j'ai posé le code script dans la page racine.

Une autre question qui se pose :
Code:

1 2 <asp:CheckBox ID="chkBoxDec" runat="server" Checked='<%# Bind("Declarant") %>' onclick="enableDisable(xxx,this);"/>
dans le code ci-dessus, le mot "this" référence le controle "CheckBox", qu'est-ce que je peux mettre dans "xxx" pour référencer le "ClientId" du gridView?? comment ca au lieu d'utiliser la variable suivante dans le code du script :

Code:

var GridView = document.getElementById('<%=gvDeclarants.ClientID %>');

où, mon programme ne connait pas le "gvDeclarants" à cause des imbrications, je peux le transmettre en argument.

Merci infiniment !!

Tu peux faire ceci

Code:

1
2
 
<asp:CheckBox ID="chkBoxDec" runat="server" Checked='<%# Bind("Declarant") %>' onclick="enableDisable('<%=gvDeclarants.ClientID %>',this);"/>

Code:

1
2
3
4
5
6
7
 
function enableDisable(gridId, chkobj)
{
 
alert(chk.checked); 
return true;
}

02/01/2012, 21h47
le_misterioso

merci d'abord pour votre intéraction mon frère (you have my brother's first name ;))
Logiquement, ça parait bon, mais après test, ça n'a rien donné !!!
t'as une suggestion ??

j'ai essayé d'afficher la variable "gridId" comme message dans "alert", et ca me donne ceci :

Citation:

<%=gvDeclarant.ClientID %>

donc dans : enableDisable('<%=gvDeclarant.ClientID %>',this), la variable est prise en dure !!!!!

tu peux essayer de déclarer une variable javascript global dans ta page
Code:

1 2 3 4 <script> var GridId ='<%=gvDeclarant.ClientID %>'; </script>
et dans ton code mettre :
Code:

1 2 <asp:CheckBox ID="chkBoxDec" runat="server" Checked='<%# Bind("Declarant") %>' onclick="javascript:enableDisable(GridId ,this);"/>

03/01/2012, 12h04
le_misterioso

Bonne idée Tarik, mais la question dans quelle page et comment mettre ce script.
Je sais pas si je peux expliquer d'avantage mon problème :
En fait, ma gridview se trouve dans une page x1.aspx (sans tags <html>, <head>, <body>, .....), et mon code javascript se trouve dans une autre page x2.aspx (qui contient les balises <html>, <head>,<body>, ...).
Comme j'ai dit avant, la page x1.aspx est interpelé d'une manière ou d'une autre via des controles (updatecontrol, usercontrol, ...) dans la page x2.aspx.
Quand je place mon code javascript dans ma page x1.aspx ca se prend meme pas en compte (sinon ca aurait résolu mon problème), mais lorsque je le place dans la page x2.aspx ca marche (puisque c'est la page racine), mais le problème c'est que j'arrive pas à référencer l'ID de mon gridview dans le script de la page x2.aspx.
Merci encore tarik pour votre intéraction, et j'espère qu'on trouvera la solution.

edit
Bizarre, je peux récupérer l'id du checkbox via "this", normalement il doit y avoir un truc pour récupérer l'id du gridview
03/01/2012, 12h15
g_tarik0010
Regarde un peu cet article ICI
c'est un truc pour garder tes scripts javascript audela d'un postback d'updatePanel :

Quand je dit que G
Code:

1 2 3 4 <script> var GridId ='<%=gvDeclarant.ClientID %>'; //GridId est une variable javascript global; </script>
Pour en savoir plus sur la portée (visibilité) des variables en javascript un coup de Google serait utile ;)
03/01/2012, 12h58
le_misterioso

On parle, de javascript dans updatepanel ...
mais j'ai pas compris comment le résoudre ??? :(
03/01/2012, 13h59
g_tarik0010

c'est un truc pour garder tes scripts javascript audela d'un postback d'updatePanel : ICI

Pour résumer l'article : il te dit qu'un update panel ne garde pas les scripts inline lors d'un postback et il te propose de créer un Custom Control qui va contenir ton script inline ce qui veut dire que tu pourrais y acceder meme apres un postback

Voir 40 message(s) de cette discussion en une page

Fuseau horaire GMT +2. Il est actuellement 05h19.