Ajouter filtres dans grille

Bonjour

J'aimerai ajouter des filtres à un tableau Extjs existant. Mais j'avoue être bloqué...

Voilà, mon tableau contient des données qui arrive en json d'une base de données. Tout marche bien, y'a des tris possibles, un graphique qui se modifie en fonction des tris... j'en suis très content !
Mais pas de filtre...
J'ai déjà testé de nombreuses choses, il y a de nombreux exemples mais je n'arrive pas à les adapter...

Mon code ressemble à ça pour l'instant :
(J'ai laissé mes tests qui ne marche pas mais ne font pas bugger le reste de l'interface, il peut donc être facilement réutilisé, il suffit ensuite d'appeler la variable "maGrille" dans un "item".)

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
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
 
var monStore;
 
// FICHIERS GENERIQUES :
Ext.require([
    'Ext.data.*',
    'Ext.grid.*',
    //TEST FILTRES :
    'Ext.util.Filter',
]);
 
	// LE MODELE :
    Ext.define('monModele',{
        extend: 'Ext.data.Model',
        fields: ['champ1', 'champ2', 'champ3']
    })
 
	// LE STORE :
	monStore= Ext.create('Ext.data.Store', {
		storeId: 'i_monStore',
		model: 'monModele',
		proxy: new Ext.data.HttpProxy({
			url: 'data/monFichierJson.php',
			method: 'GET'
		}),
		autoLoad: true
	});
 
    // LA GRILLE:
    var maGrille= Ext.create('Ext.grid.Panel', {
        store: monStore,
	//TEST FILTRES
        //filter : [filters],
        columns: [{
                id       :'champ1',
                text   : 'Champ 1',
                width: '40%',
                sortable : true,
                dataIndex: 'champ1', 
		//TEST FILTRES
		filterable: true,
		filter: {type: 'string'},
		},
		{
                id       :'champ2',
                text   : 'Champ 2',
                width: '30%',
                sortable : true,
                dataIndex: 'champ2',
		//TEST FILTRES
		filter: true,
            }
			,
			{
                id       :'champ3',
                text   : 'Champ 3',
                width: '29%',
                sortable : true,
                dataIndex: 'champ3',
		//TEST FILTRES
		filter: {type: 'numeric'}
            }],
        width: '100%',
        height: 300,
		border: 0
    })

Merci d'avance !!!

sans plus d'info sur le problème je ne sais pas quoi dire.

Je suis parti des exemples de filtres et je les ai adapté sans difficulté
A+JYT

Ok, je vais réessayer en adaptant mon code aux exemples, et non pas le contraire