Discussion :

[Trogg]

Bonjour j'ai un peu de mal avec la librairie Ext js.
Jai actuellement mon tableau de crée, il me faudrait une fonction qui me renvoye la donnée de mon tableau qui m'interresse.

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
//Ma fonction Ext js
Ext.onReady(function(){
//création de ma Data
var store = new Ext.data.SimpleStore
(
	{
		fields: 
		[
			{name: 'num'},
			{name: 'erreur'},
			{name: 'type'},
			{name: 'valeurInitiale'},
			{name: 'valeurSaisie'}
		]
	}
);
 
store.loadData(Data);
 
//création de mon interface avec le tableau
      var actionPanel = new Ext.Panel({
	// ...
          {
	columnWidth:.35,
	baseCls:'x-plain',
	bodyStyle:'padding:0px 0px 0px 0px',
	items:
	[
	       {
		id:'idtableaubord',
		autoScroll:true,
		title:'tableau de bord',
		collapsible: false,
	             items:	new Ext.grid.GridPanel
		(
		       {
			store: store,
			columns:
			[
			         {
				id:'num',
				header: "n°", 
				width:25,
				sortable: true,
				dataIndex:'num'
				},
				{
				id:'erreur',
				header: "Erreur", 
				width:120,
				sortable: true,
				dataIndex:'erreur'
				},
				{
			             id:'type',
				header: "Type", 
				sortable: true,
				dataIndex:'type'
			             },
				{
			             id:'valeurInitiale',
				header: "Valeur Initiale", 
				sortable: true,
				dataIndex:'valeurInitiale'
				},
				{
				id:'valeurSaisie',
				header: "Valeur Saisie", 
				sortable: true,
				dataIndex:'valeurSaisie'
				}
											    ],
				stripeRows: true,
				autoExpandColumn: 'erreur',
				autoExpandColumn: 'type',
				autoExpandColumn: 'valeurInitiale',
				autoExpandColumn: 'valeurSaisie',
				height:201
			 }
		       ) 
	            }
	     ]
          },
 
//...
 
//Ma fonction pour extraire la donné lors d'un clic
function selectTableau(){
 //c'est ici ou je trouve pas la bonne méthode
 // j'ai essayé des méthodes suivante :
 // g =  $(idtableaubord).store.getById(erreur)
 // et plein dautre variantes dans le style, mais aucun succès
}
 
//gestion des évènements
Event.observe($('idtableaubord'),"click",selectTableau);
 
});

Merci beaucoup !

[le_chomeur]

CF leur documentation :

http://extjs.com/deploy/gxtdocs/
puis dans la section table :

http://extjs.com/deploy/gxtdocs/com/...TableItem.html

[SpaceFrog]

Ceci étant lors de la visite du site j'ai eu un message d'avertissement!

Code :

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

Firebug is known to cause performance issues with Ext JS.

[le_chomeur]

bon rectification :

trouvé dans la doc , tu utilise un gridpanel donc plutôt que d'utiliser un listener externe , utilise plutôt celui du constructeur :

To access the data in a Grid, it is necessary to use the data model encapsulated by the Store. See the cellclick event.

Code :

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

1
2
3
4
5
6
7
listeners: {
                    cellclick :function(grid, rowIndex, columnIndex, e) {
        var record = grid.getStore().getAt(rowIndex);  // Get the Record
        var fieldName = grid.getColumnModel().getDataIndex(columnIndex); // Get field name
        var data = record.get(fieldName);
    }
}

voila voila

[Trogg]

MERCI !!! /bisou