1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    10
    Vote Rating
    0
    miki wong is on a distinguished road

      0  

    Default load mask

    load mask


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

    I put this function in launch, it doesn't work.

    Any problem with my code??

    Is there any alternative?

  2. #2
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,305
    Vote Rating
    106
    ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice

      0  

    Default


    What you are expecting?

    You are creating the mask then immediately hide it without show()...
    UI: Sencha Architect 3.x / ExtJS 4 & 5
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: Glassfish / WildFly
    Databases: Oracle / DB2 / MySQL / Firebird

    If you like my answer please vote!

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    10
    Vote Rating
    0
    miki wong is on a distinguished road

      0  

    Default


    Sorry , i forgot to post some codes.

    I expect that the mask appears when retrieving data .

    code:
    if(....){
    ......
    }
    else{
    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
    myMask.show();
    bLoadingInformation = true;
    setTimeout('resetLoadingInformation()', defTimeout);
    }

    setTimeout('resetLoadingInformation()', defTimeout) >> error msg : resetLoadingInformation() is not defined.

  4. #4
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,305
    Vote Rating
    106
    ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice

      0  

    Default


    Where is method resetLoadingInformation() defined?
    UI: Sencha Architect 3.x / ExtJS 4 & 5
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: Glassfish / WildFly
    Databases: Oracle / DB2 / MySQL / Firebird

    If you like my answer please vote!

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Posts
    10
    Vote Rating
    0
    miki wong is on a distinguished road

      0  

    Default


    I solved the problem.

    code :

    var defTimeout=1500;
    function handleServerData(data){
    if (bLoadingInformation) {
    .....
    setTimeout(function() { bLoadingInformation = false;Ext.Viewport.setMasked(false);}, defTimeout);
    ......
    }
    else{
    ......
    var mask =Ext.Viewport.setMasked({ xtype: 'loadmask', message: 'Please wait...', indicator:true});
    bLoadingInformation = true;
    setTimeout(function() { bLoadingInformation = false;Ext.Viewport.setMasked(false);}, defTimeout);
    ......
    }
    }

Thread Participants: 1