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

Bibliothèques & Frameworks Discussion :

récupérer valeur d'un grid avec chekbox


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 32
    Par défaut récupérer valeur d'un grid avec chekbox
    bonjour
    j'ai un grid dont la première colonne contient des checkbox et je voudrais
    récupérer les id des lignes cochées
    Mais je n'y arrive pas quelqu'un a t il une idée
    Merci d'avance

    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
     
    		this._grid= new dojox.grid.DataGrid
    			(				
    					{  	
     
    						query:{
    						id:"*"
    					                   }
    					},
    				this._divGrid
    			);
     
    		this._grid.startup();
     
     
    		var structure= [
    		                     {name: ' ',field: "mod",  width: '30%', editable: true, type:dojox.grid.cells.Bool}, 
    	                        {name:'Essai', field:"essai",width:'20%'},    
    	                        {name:'nom', field:"lnom",width:'20%'},					           
     
    	                 ];
     
     
    		this._grid.setStructure(structure);

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2002
    Messages
    63
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2002
    Messages : 63
    Par défaut
    Le "grid" doit s'appuyer sur un store, dojo.data.ItemFileWriteStore par exemple.
    Il suffit de faire un fetch avec un parametre "query" qui recherche les valeurs de ta checkbox ("mod" dans ton exemple) à true.

    Eric

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 32
    Par défaut récupérer lavaleur d'un grid avec chec box
    bonjour
    Merci pour ta réponse mais je ne comprend pas vraiment comment faire concrètement
    faut il faire si mod ==true?
    Peux tu m'aider
    Merci d'avance

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2002
    Messages
    63
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2002
    Messages : 63
    Par défaut
    Facile :
    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
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <meta http-equiv="Content-Language" content="fr" /> 
      <meta name="language" content="fr" />
      <meta http-equiv="Content-Script-Type" content="text/javascript" />
      <title>Démonstration lecture store avec checkbox</title>
     
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css" />
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojox/grid/resources/Grid.css" />
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojox/grid/resources/soriaGrid.css" />
     
      <style type="text/css">
    html, body {
      height: 100%; /* TRES IMPORTANT pour Dojo ! */
    }
      </style>
     
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
     
      <script type="text/javascript">
        dojo.require("dojo.parser");
        dojo.require("dojo.data.ItemFileWriteStore");
        dojo.require("dojox.grid.DataGrid");
        dojo.require("dijit.form.Button");
     
        // Donnees de test
        // Les donnees sont ici directement passees sous forme d'un variable js (parametre "data"),
        // mais peuvent bien sur etre chargées directement avec une URL
        var dummydata = {"identifier": "id", "label": "lnom", "items": [
                          {"id":"0", "lnom":"Premier nom",   "essai":"Premier essai",   "mod":true},
                          {"id":"1", "lnom":"Deuxième nom",  "essai":"Deuxième essai",  "mod":false},
                          {"id":"2", "lnom":"Troisième nom", "essai":"Troisième essai", "mod":true}
                        ]};
     
        // Lecture du store
        function lectureStore() {
          myStore.fetch({
            query: {"mod":true},  // on ne recherche que les checkbox a 'true', comme demandé ...
     
            onComplete: function(items, request) {
              // Pour le test, on affiche les resultats dans un div
              var resultats = dojo.byId("resultats");
              var html = "";
              dojo.forEach(items, function(item) {
                html += item.lnom + ":" + item.mod + "<br />";
              });
              resultats.innerHTML = html;
            }
          });
        }
     
      </script>
    </head>
     
    <body class="tundra">
     
      <!-- store du Grid (table) -->
      <div dojoType="dojo.data.ItemFileWriteStore" jsId="myStore" data="dummydata"></div>
     
      <!-- Grid -->
      <table autoHeight="true" id="mytable" jsId="myGrid" dojoType="dojox.grid.DataGrid" store="myStore" >
        <thead>
          <tr>
            <th width="30px" field="mod"   editable="true" alwaysEditing="true" cellType="dojox.grid.cells.Bool">&nbsp;</th>
            <th width="20%"  field="essai" >Essai</th>
            <th width="100%" field="lnom"  >Nom</th>
          </tr>
        </thead>
      </table>
     
      <!-- Bouton pour faire la lecture du store
           on aurait aussi pu utiliser un connect sur l evenement onSet du store -->
      <button style="margin:15px 0px;" dojoType="dijit.form.Button" onClick="lectureStore" >Lecture store</button>
     
      <!-- Pour afficher les resultats du fetch dans la page HTML -->
      <div id="resultats"></div>
     
    </body>  
    </html>
    What else ?

    Eric

Discussions similaires

  1. Zend_Config_Xml - récupérer valeur depuis un tag avec attribut
    Par mkoko dans le forum Autres composants
    Réponses: 0
    Dernier message: 03/02/2014, 10h13
  2. Récupérer valeur dans un span avec un id
    Par amarcil dans le forum jQuery
    Réponses: 5
    Dernier message: 13/01/2009, 20h42
  3. récupérer valeurs d'un CHECKBOX avec name=nom[]
    Par Mickael Scofild dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 28/08/2007, 08h16
  4. récupérer valeur d'un dropdownliste avec javascript
    Par Tyler Durden dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 18/07/2007, 21h47
  5. Récupérer valeurs d'un formu. avec une requête
    Par snoopy69 dans le forum Access
    Réponses: 1
    Dernier message: 06/12/2005, 15h40

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