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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar