Discussion :

[Tiolebucheron]

Bonjour

J'essaye de faire affiche un message d'attente sur une requête ajax. Cela ne fonctionne pas.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function createMenu(){
	Ext.Ajax.request({
		url:'service/infowfs.php',
		params:{GEOM_OUTLINE:Ext.getCmp('hiddenGeom').getValue()},
		method:"GET",
		success:function(result,request) {xxxxxxxxxxxxxxxx
		},
		failure:function(result,request) {xxxxxxxxxxxxxxxx},
		waitMsg:'Loading'
	});
};

Où se situe le problème.

Merci de votre aide

tio

[takitano]

il y a peu etre plus elegant, mais je te propose cette solution ...

tu déclares une variable globale:

Code :

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

var mon_loader = null;

puis dans la fonction Ext.onReady()

tu mets:

Code :

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

1
2
3
var mon_loader = new Ext.LoadMask(
    Ext.getBody(), /*ou l'id de ton panel ...*/
   {msg:"Veuillez patienter..."});

et enfin dans ta fonction

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
 
function createMenu(){
	Ext.Ajax.request({
		url:'service/infowfs.php',
		params:{GEOM_OUTLINE:Ext.getCmp('hiddenGeom').getValue()},
		method:"GET",
		success:function(result,request) {                           
                     mon_loader.hide();//désactivation de mon loader
		},
		failure:function(result,request) {
                      mon_loader.hide();//désactivation de mon loader},
                listeners:{
                'beforerequest':function(){
                    mon_loader.show();//activation de mon loader
                   }
             }
	});
};

Message a tout ceux qui crée des discussion. Un petit "merci" ne ferait pas de mal, à ceux qui prennent le temps de répondre ... c'est la moindre des choses.
Je rappelle que je réponds aux posts bénévolement, et sur mon temps de travail.

[Tiolebucheron]

Merci pour ce code.

Du coté, variable globale fenêtre qui s'affiche pas de soucis.;

Par contre, le listener beforerequest ne s'exécute pas.

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
function createMenu(){
	Ext.Ajax.request({
		url:'service/infowfs.php',
		params:{GEOM_OUTLINE:Ext.getCmp('hiddenGeom').getValue()},
		method:"GET",
		listeners:{
			'beforerequest':function(){
				winWait.show();//activation de mon loader
			}
		},
		success:function(result,request) {
			XXXXXXXXXXX
			}
			winWait.hide();
		},
		failure:function(result,request) {
			Ext.Msg.show({title:'Error System',msg: result.responseText , icon: Ext.MessageBox.ERROR, buttons: Ext.Msg.OK})
			winWait.hide();
		}
	});
};

la fonction winWait.show(); est correct (firebug).;
Merci de votre aide

Tio

[takitano]

Salut tio,

essayes ce code ...
a plus tard ... et bon courrage a toi !
dsl de n'avoir pas pu repondre plus tot ... je suis malade en ce moment ... !

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
function createMenu(){
	var toto = Ext.Ajax.request({
		url:'service/infowfs.php',
		params:{GEOM_OUTLINE:Ext.getCmp('hiddenGeom').getValue()},
		method:"GET",
		success:function(result,request) {
			XXXXXXXXXXX
			}
			winWait.hide();
		},
		failure:function(result,request) {
			Ext.Msg.show({title:'Error System',msg: result.responseText , icon: Ext.MessageBox.ERROR, buttons: Ext.Msg.OK})
			winWait.hide();
		}
	});
    toto.on(''beforerequest'',function(){winWait.show();});
 
};

[Tiolebucheron]

Bonjour

J'ai mis winWait.show() au début de la fonction CreateMenu()

Merci

[takitano]

oui, effectivement, c'est beaucoup plus simple

^^,

bravo a toi,

takitano

[Mafious]

En complément pour les utilisateurs d'ext:
Ici

[Tiolebucheron]

Bonjour
je relance ce message; La solution ne fonctionne pas sous Google Chrome.
Avez vous déjà rencontré ce problème et solutionné.

Merci Tio

[sekaijin]

le sujet à déjà été abordé sur les forum sencha
http://www.sencha.com/forum/showthre...842#post484842

je te conseille de lire en detail le fonctionnement de l'exemple
Waiting Bar: Wait for a long operation to complete (example will stop after 5 secs) dans la page
http://docs.sencha.com/extjs/4.1.3/#...gress-bar.html

qui sur un appel ajax permet de faire pateinter l'utilisateur tout en lui montrant qu'on fait quelque chose.

A+JYT