PDA

View Full Version : Disable LoadMask



twright
3 Jan 2011, 11:38 AM
I am using 4 Ext.Panel's side by side to display 4 different pieces of information that all update at the same time from a url, the loadmask of course is automatically firing for each one. I am wondering if it is possible to hide or disable each of these loadmasks or have a single loadmask that covers all 4 boxes until they are filled? Total newbie, so I need more than a yes or no.

rivarecords
3 Jan 2011, 12:17 PM
Set loadMask: false on the panels and create a loadMask:

myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});

Before loading your url or store call myMask.show() then when the last store loads, in a callback do myMask.hide().

twright
3 Jan 2011, 1:54 PM
That is very close to what I had thought I was reading. For whatever reason I don't seem to be able to quiet down the automatic loadmask and the new mask is not showing. I'll keep tinkering. Can't imagine what I am doing wrong.

Edit: I have now succeeded at getting the body mask to work. But puzzled as to why the auto loadMask(s) are not muting.

rivarecords
4 Jan 2011, 5:12 AM
Edit: I have now succeeded at getting the body mask to work. But puzzled as to why the auto loadMask(s) are not muting.

If you are using autoLoad to load from a url then add text: ' '.
Make sure there is a space or it will default to the 'Loading...' text.


autoLoad: {url:'/somepage.cfm?remoteEvent=dothatthing',
params: {
'cool': 'yes',
'groove': 'funky,
'sort': 'name',
'dir': 'ASC'
},text: ' '},