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

**karenv5** · 01/06/2010, 20h08

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);

**Eric Pasquier** · 02/06/2010, 01h00

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

**karenv5** · 02/06/2010, 09h23

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

**Eric Pasquier** · 03/06/2010, 23h22

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

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

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager