IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

ASP.NET Discussion :

GridView avec Checkbox - manipulation JS


Sujet :

ASP.NET

  1. #1
    Membre averti
    Inscrit en
    Janvier 2010
    Messages
    24
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 24
    Par défaut GridView avec Checkbox - manipulation JS
    Bonjour à tous, j'ai un GridView rempli depuis une source oleDB, et dans ce gv j'ai une première colonne avec des CheckBox.

    Ce que je veux:
    -Quand on coche une chkb, la row est sélectionnée (surbrillance);
    -On ne peut avoir qu'une seule row de sélectionnée (donc décocher toutes les autres);
    -Récupérer une cell de la row sélectionnée dans un simple label;

    Ce que j'ai:
    Après plusieurs manips infructueuses, j'ai fait la selection en JS, voilà mon code actuel:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <script type="text/javascript">
            function HighlightRow(rowChkB)
            {
                rowChkB.parentElement.parentElement.style.backgroundColor='#D91616'; 
                rowChkB.parentElement.parentElement.style.color='white';                                
             }
             else
              {   rowChkB.parentElement.parentElement.style.backgroundColor='white';
    rowChkB.parentElement.parentElement.style.color='black';
              }
            }         
            </script>
    Là ça marche, seulement ça ne fait que surligner une ligne (plusieures si on en sélectionne d'autres).

    Donc j'ai ajouté ça:

    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
     
       function HighlightRow(rowChkB)
            {            
                var IsChecked = rowChkB.checked;           
                if(IsChecked)
                {                
                  Parent = document.getElementById('GridView1');          
     
                  for(i=0; i<Parent.length; i++)
                  {               
                      if(items[i].id == rowChkB)
                      {
                            rowChkB.checked = false;    
                      }
                  }              
                    rowChkB.parentElement.parentElement.style.backgroundColor='#D91616'; 
                    rowChkB.parentElement.parentElement.style.color='white';                                
                }
                else
                {
                    rowChkB.parentElement.parentElement.style.backgroundColor='white';
                    rowChkB.parentElement.parentElement.style.color='black';
                }
            } 
     
    // rowChkB: étant mon ID checkbox dans mon gridview
    Si vous pouviez m'aider ce serait génial

    Merci d'avance,

    Cordialement

  2. #2
    Membre averti
    Inscrit en
    Janvier 2010
    Messages
    24
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 24
    Par défaut
    J'ai contourné mon problème, n'ayant pas trouvé de solution rassemblant tout ce que je voulais, j'ai donc fait du "sal", honte à moi.

    J'ai mis une colonne CommandField, avec la commande Selectionner, puis je l'ai convertie en Templatefield où j'ai en fait remplacé le texte par un boutton, puis ai enlevé le texte du bouton ai lui ai mis la taille 15px/15px, ce qui donne un joli carré ressemblant à une checkbox qui sélectionne la row.

    Plus besoin du JS pour aller manipuler et chercher les données,là en plus SelectedRow.[...] fera tout ce que je veux.


  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2008
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 7
    Par défaut
    Super ! C'est ce que je cherchais
    Merci d'avoir mis la réponse que tu as trouvé tout seul

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. GridView paging avec checkBox
    Par LhIaScZkTer dans le forum ASP.NET
    Réponses: 1
    Dernier message: 31/03/2009, 14h09
  2. multiselection dans gridview avec checkbox et allowpaging
    Par tortuegenie dans le forum ASP.NET
    Réponses: 0
    Dernier message: 13/02/2009, 13h45
  3. gridview avec colonne checkbox
    Par questlove dans le forum Windows Forms
    Réponses: 4
    Dernier message: 13/06/2008, 14h35
  4. [DOM] Manipulation du Dom avec Checkbox
    Par olkainflex dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 22/04/2008, 18h35
  5. Réponses: 3
    Dernier message: 26/07/2006, 10h18

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo