Activity spinner during loading?

[DaveyJJ]

Is there a way, while the app actually is displaying the Default loading png in the background, for an app to also show the activity spinner while that is happening, so there's at least something happening beyond a static screen? (Yes, another newbie question.)

[j.k]

add a

masked: {
xtype: "loadmask"
} 

in your component's config, show/hide via setMasked(true/false)

[ratmat2000]

I had no luck with the suggestion above or the docs for that matter. The above will only create a blank mask over the screen but will not show a spinner. I was able to show a mask and a spinner every time I make an ajax call by adding this to my app.js launch function:

	launch: function() {
		Ext.Viewport.add({
			xtype: 'loadmask',
			id: 'ajaxMask',
			message: 'Loading...',
			indicator: true,
			hidden: true,
		});


		Ext.Ajax.on('beforerequest', function() { Ext.getCmp('ajaxMask').show(); }, this); 
		Ext.Ajax.on('requestcomplete', function() { Ext.getCmp('ajaxMask').hide(); }, this); 
		Ext.Ajax.on('requestexception', function() { Ext.getCmp('ajaxMask').hide(); }, this);
        }

You could repurpose this code to show the mask and spinner whenever you like using the Ext.getCmp('ajaxMask').show(); and Ext.getCmp('ajaxMask').hide();

[laji.inbox]

Just to add that the solution provided in this thread worked very well, thank you!

[bwags]

Ext.getCmp('ajaxMask').show() only shows the loadmask after the data is processed. The show event fires for the loadmask but it doesn't actually display...any ideas?

I posted this as another question with example/picture here: http://www.sencha.com/forum/showthre...297#post846297