Loading..Mask

[chandan.behura]

Hi,

I have 10 components(pop-up with grid,combo..etc) in side a panel . The store of all the components are coming from Data Base. I want a 'Loading...Mask' on the hole panel until all the components properly populated.So how i will apply a mask with Loading..message until all the components properly populated.

help please.

Thanks,
chandan

[LisburnLad]

Hi Chandan,

Try this:

Adding a page loading mask when application begins:
http://edspencer.net/2009/02/adding-...our-extjs.html


I've used this successfully with V4 code.

Steve

[paul_wang]

You can also try Panel's setLoading method.

[chandan.behura]

You can also try Panel's setLoading method.

But how i will setLoaing until all the values get populated in th components present inside the panel.
there are 10 components in the panel all having store.

Can u please give short code how i will do that?

Thanks ,

[paul_wang]

Sorry, don't have code I can show you.

I was suggesting to do setLoading(true), kick off all the store loads but keep track of them so you know when they're all done loading, then do setLoading(false) when all stores are done loading.

[Ronits]

Chandan,
I believe all the stores have

proxy : {
            type : 'ajax',
            url :

You can use

var loadMask = new Ext.LoadMask(Ext.getBody(), {
                msg: ' '
            });

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

[chandan.behura]

Chandan,
I believe all the stores have

proxy : {
            type : 'ajax',
            url :

You can use

var loadMask = new Ext.LoadMask(Ext.getBody(), {
                msg: ' '
            });

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

can u please tell me when the requestexception will work...