Discussion :

[MadMax4]

Bonjour,

Je débute sous ExtJS.
J'ai tenté de tester l'exemple "Basic Array Grid" avec mes données.

Je suis parvenu (après de nombreuses difficultés) à afficher cette grid avec mes données :

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
 
    var store = new Ext.data.ArrayStore({
        fields: [
           {name: 'Processus'},
           {name: 'Nom', type: 'string'},
           {name: 'Nb', type: 'int'},]
    });		
 
    store.loadData(mydata);
 
    var grid = new Ext.grid.GridPanel({
        store: store,
		listeners:{ 
      		rowclick: function(grid, rowIndex, e) { 
					//document.DDT.proc.value=id;
  					//document.DDT.submit();
		deuxieme_grid("valeur de la colonne 0 de la ligne 'rowIndex'");}
      				},  
        columns: [
            {id:'Processus',header: 'Processus', width: 60, sortable: true, dataIndex: 'Processus'},
            {header: 'Nom', width: 175, sortable: true,  dataIndex: 'Nom'},
            {header: 'Nb', width: 40, sortable: true,  dataIndex: 'Nb'}],
 
        stripeRows: true,
        height: 150,
        width: 280,
        title: 'Processus',
        stateful: true,
        stateId: 'grid'

Je me demande maintenant comment récupérer la valeur d'une cellule pour une ligne donnée grâce à l'évènement "rowclick" pour lequel j'ai ajouté un listener.

Pour l'instant je patauge, malgré de saines lectures (les forums et tutoriaux).
merci de votre aide

cordialement

[takitano]

Bonsoir,

tu poses un problème pas vraiment évident à résoudre ... J'ai peut etre une solution mais elle n'est pas simple a mettre en place ...
je reprends une partie de ton code...

voila , bonne lecture ...

takitano,

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
 
/*ok pour ton store*/  
 var store = new Ext.data.ArrayStore({
        fields: [
           {name: 'Processus'},
           {name: 'Nom', type: 'string'},
           {name: 'Nb', type: 'int'},]
    });	
 
 
/*ok pour le chargement de ton store*/  							
    store.loadData(mydata);
 
/*tiens toi pret ... */
    var grid = new Ext.grid.GridPanel({
        store: store,
/*tu ne devrais pas avoir besoin de ca ... */
	/*	listeners:{ 
      		rowclick: function(grid, rowIndex, e) { 
					//document.DDT.proc.value=id;
  					//document.DDT.submit();
		deuxieme_grid("valeur de la colonne 0 de la ligne 'rowIndex'");}
      				},  */
/*par contre ... il faut rajouter ceci ... */
   sm: new Ext.grid.RowSelectionModel({
      singleSelect: true,
      listeners: {
         rowselect: function(sm,index,record) {
                /*ici, tu mets tous tes traitements lors d'un clic sur une ligne*/
                /*je t ai mis une alerte ... */
                /*pour utiliser un parametre de ta ligne, tu utilises record.data.[nom de la colonne]*/
                Ext.Msg.alert('t as choisis',record.data.Nom);
                 }
             }
          }
      }),
        columns: [
            {id:'Processus',header: 'Processus', width: 60, sortable: true, dataIndex: 'Processus'},
            {header: 'Nom', width: 175, sortable: true,  dataIndex: 'Nom'},
            {header: 'Nb', width: 40, sortable: true,  dataIndex: 'Nb'}],
 
        stripeRows: true,
        height: 150,
        width: 280,
        title: 'Processus',
        stateful: true,
        stateId: 'grid'

[MadMax4]

Merci Takitano

ça fonctionne bien !
Je vais me creuser la tête pour essayer de comprendre ce que tu as proposé.

encore bravo
madmax

[takitano]

Je t en prie ...

a plus tard