Discussion :

[frankySIG]

Bonjour,
je rencontre un problème avec la sélection de ligne dans un gridpanel.

Pour faire simple, mon application comprend 2 gridpanel:

-gridPanel1: liée à un store provenant d'un objets webmapping (OpenLayers). Tous s'affiche bien, j'ai des points sur une carte, quand je clique sur mon point je sélectionne la ligne correspondante dans mon gripPanel1, ce gridPanel1 comprend une colonne ID_SITE.

-gridPanel2: liée à un store où je charge un fichier XML en Ajax (avec un JSP), mes lignes s'affichent bien, là encore j'ai une colonne ID_SITE sensé faire le liens entre les info du grid1 et 2.

Comment puis je faire pour que, quand je sélectionne mes objets ou mes lignes du gridPanel1, les lignes du gridPanel2 ayant le même ID_SITE soient sélectionnées?

J'arrive à récupérer l'ID_SITE de l'objet que je clique (du grid1)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
	medicago_sites.events.on({
				featureselected: function(e) {
				var a = e.feature.attributes.IDENTIFIANT_SITE;
				 Ext.MessageBox.alert(a);

Par contre je ne sais pas comment faire pour utiliser cet identifiant pour aller sélectionner les lignes de mon grid2.

Si quelqu'un à une idées? Je ne trouve pas de solution...

François.

[frankySIG]

Problème réglé, il suffit de créer un event sur les deux gridPanel. Exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
gridPanel2.on('rowclick', function(grid, rowIndex, e) {
                  var rec = gridPanel2.getStore().getAt(rowIndex);
                  var val= rec.get("IDENTIFIANT_SITE");
                  var records =gridPanel1.store.find('IDENTIFIANT_SITE', val);
                gridPanel1.getSelectionModel().selectRow(records);
                                                     });

;
On créé l'event et on le déclanche sur un click:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

gridPanel2.on('rowclick', function(grid, rowIndex, e) {

On Selectionne notre attributs qui va servir de lien entre les deux grid:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 var rec = gridPanel2.getStore().getAt(rowIndex);
                  var val= rec.get("IDENTIFIANT_SITE");

On recherche la (les) ligne correspondantes dans le store:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  var records =gridPanel1.store.find('IDENTIFIANT_SITE', val);

Et on selectionne ces lignes dans le deuxième grid:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 gridPanel1.getSelectionModel().selectRow(records);