PDA

View Full Version : LoadMask on Window Panel



b1021
26 Jan 2010, 6:16 PM
Just wondering if I'm going down the right path or there is a simpler way to go about this. I'm creating a window based on a button click that open a internal URL. My interal URL takes a little bit of time to load so I would like to keep users notified that the page is loading.

I've looked at MIF2 ux.ManagedIFrame though I have had a hard time getting it to work - is MIF2 the only way to do this?




Ext.onReady(function(){
var panelContent4;
var win4;
var button4 = Ext.get('GetPDF1');

button4.on('click', function(){
panelContent4 = new Ext.Panel({
region: 'center',
margins: '0 0 0 0',
autoScroll: true,
html: '<iframe style="overflow:auto;width:100%;height:100%;" frameborder="0" src="http://www.yahoo.com"></iframe>' (http://www.yahoo.com&quot;></iframe>'),
loadMask: {msg:'Loading Topics1...'}
});
// content for window

win4 = new Ext.Window({
title: 'Report',
closable: true,
width:500,
height:300,
maximizable:true,
border:false,
plain: true,
closeAction: 'hide',
layout: 'border',
items: [panelContent4],
buttons: [{
text: 'Close',
handler: function(){
win4.hide();
}
}]
});
win4.show(this);
});
});



TIA

Brian