PDA

View Full Version : Showing the busy progress bar using Ext JS



udayshankarm
2 Feb 2013, 11:23 AM
Hi All,

I want to show the busy progress bar using Ext JS. I am using "Ext.MessageBox.show()" with title as 'busy' for showing busy message box , I am closing the progress bar using "Ext.MessageBox.hide()" in my custom java script.

It is showing the progress bar, But there is a product specific (my application) script is loading in between which causes the progress bar to be closed. The product script is closing the message box using hide method. I can not able to control or edit the product specific script.

I want to close the message box only with my custom java script code.

Please suggest how to proceed with this. Is there any other way to show & hide the busy progress bar, So that i can get rid of the product specific 'Ext.MessageBox.hide()' calling?

Many thanks in anticipation..!!

Regards,
Uday.

mitchellsimoens
4 Feb 2013, 1:24 PM
You can listen to the beforehide event and return false to cancel the hiding of the messagebox.

udayshankarm
9 Feb 2013, 2:36 PM
Could you please provide me the sample example code, because I am very new to the EXT JS?

I tried to use the below code but it is not working.
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Loading items...',
progressText: 'Initializing...',
width:300,
progress:true,
closable:false,
listeners:{
beforehide : function(){
alert("Before Close");
return false;}}
});