Most of the ExtJS components have a config to mask the body with loadMask, for example
var grid = new Ext.grid.GridPanel({ loadMask: true, id: 'grid-menu', store: store, layout: 'fit', margins: '0 5 5 5', autoExpandColumn: 'title', autoHeight: true, //... })
If you want to mask the whole page body, it’s as simple as
Ext.getBody().mask();
Or if you want to mask with a message
Ext.getBody().mask('Processing ...');
Related posts:
And to remove an already applied mask in the case of Ext.getBody().mask(‘Processing …’); ????
Ah, yes
Ext.getBody().unmask();
Worked like a charm!!
Thanks,
Ravi.
How about if I want to gray out the background when mask in progress? just like “modal” in Ext.Window.