Creation dojox.grid.datagrid programmatical

Version imprimable

Salut,
je veux creer une dojox.grid.datagrid apres clique sur une bouton
voila mon code :
en js j'ai mis :

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
 
var listeObjets = response.items[0].listeObjets;
                var layoutGridResultat = "[";
                for(i=0 ; i<listeObjets.length ; i++) {
                    var nameColonne= listeObjets[i]['label'];
                    var field = listeObjets[i]['id'];
                    if (i == listeObjets.length-1) {
                        layoutGridResultat = layoutGridResultat + "{field: 'field',name: '"+nameColonne+"',width: '200px'}";
                    } else {
                        layoutGridResultat = layoutGridResultat + "{field: 'field',name: '"+nameColonne+"',width: '200px'},";
                    }
                }
                layoutGridResultat = layoutGridResultat + "]";
                dataItems = {
                        label: 'titre',
                        items: listeVal
                };
                var data = new dojo.data.ItemFileWriteStore({data: dataItems});
                // create a new grid:
                var gridResultat = new dojox.grid.DataGrid({
                    store: data,
                    clientSort: true,
                    rowSelector: '20px',
                    structure: layoutGridResultat
                },
                document.createElement('div'));
 
                // append the new grid to the div "gridContainer4":
                dojo.byId("gridContainer4").appendChild(gridResultat.domNode);
                // Call startup, in order to render the grid:
                gridResultat.startup();

et ds le view j'ai mis :

Code:

1
2
3
 
<div id="gridContainer4" style="width: 100%; height: 100%;">
</div>

je ne sais pas pourquoi je n'oubtien aucune resultat ?

merci d'avance de m'aider

Bonjour,

Ton field est tout le temps le meme. Je pense que ca a une incidence.
Code:

1 2 layoutGridResultat = layoutGridResultat + "{field: 'field',name: '"+nameColonne+"',width: '200px'}";
Comme tu recuperes une valeur pour le field.
Code:

1 2 var field = listeObjets[i]['id'];
Tu devrais plutot ecrire.
Code:

1 2 layoutGridResultat = layoutGridResultat + "{field: '"+field+"',name: '"+nameColonne+"',width: '200px'}";

Salut,
Merci pr votre reponse

en fait j'ai fait ça :

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
 
var listeObjets = response.items[0].listeObjets;
var tabFields = new Array();
var objField = {field: 'id',name: 'id',width: '150px'};
tabFields.push(objField);
for(i=0 ; i<listeObjets.length ; i++) {
      var nameColonne= listeObjets[i]['label'];
      var field = listeObjets[i]['id'];
      var objField = {
                            field: ''+field+'',
                            name: ''+nameColonne+'',
                            width: '150px'
                        };
      tabFields.push(objField);
 }
var structureGridResultat = tabFields;
dataItems = {
     label: 'titre',
     items: listeVal
};
var data = new dojo.data.ItemFileWriteStore({data: dataItems});
 // create a new grid:
var gridResultat = new dojox.grid.DataGrid({
       store: data,
       clientSort: true,
       rowSelector: '20px',
       structure: structureGridResultat
},
document.createElement('div'));
 
// append the new grid to the div "gridContainer4":
dojo.byId("gridContainer4").appendChild(gridResultat.domNode);
// Call startup, in order to render the grid:
gridResultat.startup();

et ça marche si je clique sur la bouton pr la 1 fois il creer la grid
mais la 2eme il creer aussi grid mais moi je veux juste Actualiser grid ds la 2eme clique pas creer grid

Re,
il me semble que je vais utiliser :

Code:

1
2
3
4
5
6
 
if (dijit.byId('gridResultat')) {
     //je vais actualise le store grid
} else {
     //je vais creer la grid
}

merci BON DEV