PDA

View Full Version : LoadMask Body Disabling



bballiet
6 May 2010, 4:22 AM
Folks,

Just moved to Ext 3.2.1 and I'm using LoadMask to disable the UI for all Ajax calls. Some of the pages are scrolled, though, and if an Ajax call kicks off while the user has paged down only the "top left" portion of the page (what the user would see if they scrolled all the way up and to the left) is truly disabled. Here is the code:



LOADMASK = null;

Ext.Ajax.on('beforerequest', function( connection, options ) {

if (LOADMASK == null){
LOADMASK = new Ext.LoadMask(Ext.getBody());
}
LOADMASK.show();
});

Ext.Ajax.on('requestcomplete', function( connection, response, options ) {
LOADMASK.hide();
});

Ext.Ajax.on('requestexception', function( connection, response, options ) {
LOADMASK.hide();
});


Is there any way to have it disable the entire UI whether it's currently visible or not?

Thanks!