1. #1
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    63
    Answers
    1
    Vote Rating
    1
    nmcbride is on a distinguished road

      0  

    Default Unanswered: Unable to unmask the viewport on android.

    Unanswered: Unable to unmask the viewport on android.


    Hello everyone,

    I am having a strange problem I have been working on for about a week now. Right before I send the ajax request to process the logon for my application, I display a mask saying the logon is processing. Then in the success function of the ajax request I try to unmask it. This works fine in safari and chrome for desktop. It also work fine for iOS devices. I can not for the life of me get it to work for my Android phone.

    If someone could take a peak and maybe see if I'm doing something wrong I would really really appreciate it. I have an if statement right now that skips the mask if an android device is detected as a fix but I would like to really fix it so I could get it displayed.

    Here is the code associated with the problem:
    Code:
    submitLogonFunction: function() {
            var form = this.getLogonPageREF();
    
    
            form.query('#logonPagePassword')[0].blur();
    
    
            if (!Ext.os.is.Android) {
                this.getViewportREF().setMasked({
                    xtype: 'loadmask',
                    message: 'Logging you on...'
                });
            }
    
    
            form.submit({
                success: function(f, r) {
                    if (r.success) {
                        this.getViewportREF().setMasked(false);
                        this.getCollectionsListREF().getStore().load();
                        this.getViewportREF().animateActiveItem(1, {type:'slide', direction:'left'});
                    }
                },
                failure: function() {
                    this.getViewportREF().setMasked(false);
                    Ext.Msg.alert('Logon Failed', "Your username and password do not seem to be correct.", Ext.emptyFn);
                },
                scope: this
            });
        },
    Thank you very much,

    Nathan

  2. #2
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    63
    Answers
    1
    Vote Rating
    1
    nmcbride is on a distinguished road

      0  

    Default


    Just a side note I have tried both .setMasked(false) and .unmask().

    Thanks again,

    Nate

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Location
    The Netherlands
    Posts
    75
    Answers
    13
    Vote Rating
    4
    SebasSP is on a distinguished road

      0  

    Default


    Maybe this will work?
    Code:
    Ext.Viewport.setMasked()

  4. #4
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    63
    Answers
    1
    Vote Rating
    1
    nmcbride is on a distinguished road

      0  

    Default


    I'm sorry but isn't that what I am doing?

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Location
    The Netherlands
    Posts
    75
    Answers
    13
    Vote Rating
    4
    SebasSP is on a distinguished road

      0  

    Default


    I thought it might be a scoping issue. Does the android device produce any warnings/errors in the console?

  6. #6
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    63
    Answers
    1
    Vote Rating
    1
    nmcbride is on a distinguished road

      0  

    Default


    There aren't any errors at all. It sees it as a valid call. I am passing scope into the ajax function and all of the other calls using this.getViewportREF() work without any issues.

  7. #7
    Sencha User
    Join Date
    Mar 2012
    Location
    The Netherlands
    Posts
    75
    Answers
    13
    Vote Rating
    4
    SebasSP is on a distinguished road

      0  

    Default


    Since it only happens on Android, maybe it's a bug?

  8. #8
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    63
    Answers
    1
    Vote Rating
    1
    nmcbride is on a distinguished road

      0  

    Default


    Maybe. I've also tried creating a mask and then immediately hiding it and that isn't working either. However when a list is loading it displays a mask and then hides it ok.

  9. #9
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    63
    Answers
    1
    Vote Rating
    1
    nmcbride is on a distinguished road

      0  

    Default


    Just some more information:

    If I do:
    Code:
    this.getViewportREF().setMasked(true);
    The empty mask is shown.

    And if I do:
    Code:
    this.getViewportREF().setMasked(true);
    this.getViewportREF().setMasked(false);
    The mask is not shown as expected.

    The problem comes from when I add a loadmask to it. After that I can no longer get rid of it.

    I have tried:
    Code:
    this.getViewportREF().setMasked(false);
    Code:
    this.getViewportREF().unmask();
    Code:
    Ext.ComponenetQuery.query('loadmask')[0].hide();
    and

    Code:
    Ext.ComponenetQuery.query('loadmask')[0].destroy();
    and I can not get rid of it on android.

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi