Masking

[michaeljordan]

Does anyone know on how to apply a page mask during page loading once a submit button is clicked?

I have 2 grids on the page and I want to apply page masking until loading of the two tables are completed.

Thank you.

[jay@moduscreate.com]

Ext.getBody().mask('Saving data...', 'x-mask-loading');

[michaeljordan]

Thanks for your reply.

What I mean is, if i put this code in the Submit Button handler:

Ext.getBody().mask('Loading..');
PopulateGrids();
Ext.getBody().unmask();

The loading message doesn't appear because extjs is asynchronous. It executes the unmask() statement even before the PopulateGrids() finished its execution.

I hope someone can help me with this.

Thanks again.

[jay@moduscreate.com]

well, unmask after the stuff is loaded via event handlers or callbacks.

[jay@moduscreate.com]

Look at the docs for the 'load' event of the datastore.

[michaeljordan]

Thanks again for your reply.

Yes, I have tried that. But as what I've mentioned before in post, I have two grids. Is there a way where I can check that BOTH grids have completed loading? After the've loaded successfully that's when I'll do the unmasking.

I really appreciate your continous reply on this.

[michaeljordan]

Thanks JGarcia! I'll just put the unmask on one of the datastore for now since both of them almost finished loading at the same time!

I really appreciate your help!!