Fonction Ext.Resizable lors du redimensionnement j'aimerai que ma grid se recharge. [Résolu]

[simbakl]

Bonjour à tous !
J'ai un petit souci, j'ai une page séparer en deux et j'ai voulu rajouter un redimensionnement sur la partie du haut mon souci est le suivant : lorsque je redimensionne j'aimerai recharger ma grid se recharge mais je n'y arrive pas.
J'ai cherché un peu sur le web pour savoir qu'est-ce qui pourrais exécuter une action une fois le redimensionnement effectuer et je pense qu'il faut utilisé un listeners.

Voici le code que j'ai réussi a mettre en place :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
var resizer = new Ext.Resizable('ext-gen72', {
	handles: 's',
        minHeight: 100,
        maxHeight: 550,
        pinned: true,
	dynamic: true
        /*listeners :{
               'click':function(){
                   grid_devis.getStore().reload();
               }
           }*/
 
});

[JulienFio]

Bonjour,

Il n'y a pas d'event click sur un tel objet, pas par défaut en tout cas.
Comment est-ce que tu t'y prends pour exécuter le redimensionnement ?. Est-ce grâce à un bouton ?

Peux-tu poster le code de tes composants ?

Pour l'instant une chose est sûr, tu n'exécuteras jamais la fonction de ton listener click

[simbakl]

Ext.Resizable permet d'agrandir un element en fonction de son ID. Pour effectuer le redimensionnement je me suis aider de ça : http://www.dailynews.co.th/CFIDE/scr...ble/basic.html

Et j'aimerai en faite connaitre la liste des évènements possible qu'on peut mettre dans le listener. genre un after redimension j'arrive pas a trouver une liste complète sur le web

[JulienFio]

Il faut alors que tu mettes le listener sur le composant qui va être redimensionné :

Code :

1
2
3
4
 
Ext.getCmp('ext-gen72').on('resize', function(){
grid_devis.store.load();
});

Ensuite, rien ne vaut la doc officielle pour comprendre Extjs : API Extjs

Edit: pour infos les listeners disponibles sont fonctions du composant sur lequel tu travail. Par exemple sur un store tu auras des listerners comme 'beforeload' ou 'load' que tu n'auras pas pour un composant panel

[simbakl]

Résolu

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
var resizer = new Ext.Resizable('ext-gen72', {
	height:'auto',
        width:'auto',
        handles: 's',
        minHeight: 100,
        maxHeight: 550,
        pinned: true,
	dynamic: true,
        listeners :{
               resize:function(){
                   Ext.getCmp('grid_devis').getStore().reload();
               }
           }
 
});

Merci à toi julienFio pour l'aide que tu m'as apporté.