Showing the busy progress bar using Ext JS

[udayshankarm]

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]

You can listen to the beforehide event and return false to cancel the hiding of the messagebox.

[udayshankarm]

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;}}
});