1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    2
    Vote Rating
    0
    udayshankarm is on a distinguished road

      0  

    Default Unanswered: Showing the busy progress bar using Ext JS

    Unanswered: Showing the busy progress bar using Ext JS


    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.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,616
    Answers
    3450
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You can listen to the beforehide event and return false to cancel the hiding of the messagebox.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    2
    Vote Rating
    0
    udayshankarm is on a distinguished road

      0  

    Default


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

Thread Participants: 1

Tags for this Thread