Lancer une recherche multicritères [Résolu]

[lionheart33806]

Bonjour,

Ca fait une semaine que je me suis mis à ExtJS.
Pourtant, je n'ai toujours pas compris comment submiter un formulaire de recherche.
En fait, je voudrais faire comme dans cette exemple http://php-ext.quimera-solutions.com...id=form/custom mais avec plusieurs textFields au lieu de l'extension.

Merci d'avance

[lionheart33806]

Après avoir bien ramé tout seul , j'ai trouvé la solution !

Sur le bouton de recherche, il faut définir le handler du click.
Le but du handler dans un contexte de moteur multi-critères est de récupérer les valeurs du formulaire et de les refiler au DataStore qui charge les données.

dans mon cas, j'ai un truc du genre :

Code :

1
2
3
4
5
handler: function(){
                  parametres = monFormLayout.getForm().getValues();
                  parametres['start'] = 0;
                  grilleResultat.store.load({params: parametres});
        }

C'est donc tout con.

Je me suis bien pris la tête avec le start. C'est pour la PagingToolbar (si vous l'utiliser) sinon ça donne des NaN.

[lionheart33806]

Finalement, j'ai trouvé mieux .
Plutôt, j'ai dû trouver mieux

Code :

1
2
3
4
5
6
handler: function(){
                 var o = {start: 0};
                 parametres = rechAvancd.getForm().getValues();
                 grilleResultat.store.baseParams = Ext.apply(grilleResultat.store.baseParams || {}, parametres);
                 grilleResultat.store.load({params:o});
        }

Le problème avec l'exemple de mon précédent post est que la PagingToolbar ne gardait pas les paramètres du formulaire.

En fait, il y a 2 types de paramètres dans un store : les baseParams (dans l'objet) et les params (en paramètre de [re]load).

J'ai compris qu'il faut utiliser comme suit
dans baseParams => les critères de recherche
dans params => les paramètres de "calage" (start, limit)

Donc pour mon cas, le bouton de recherche fixe le baseParams et la PagingToolbar va fixer la fenêtre de données en réutilisant le baseParams.

J'ai compris ça en regardant le code de Ext.app.SearchField

Voilà