1. #1
    Sencha User
    Join Date
    Apr 2012
    Location
    Virginia
    Posts
    17
    Vote Rating
    0
    sbruck is on a distinguished road

      0  

    Default loadmask loading indicator

    loadmask loading indicator


    I am trying to understand how I can add a loading indicator (i think this is loadmask) using architect 2. any help would be greatly appreciated.

    Thanks!

  2. #2
    Sencha User
    Join Date
    Oct 2011
    Posts
    45
    Vote Rating
    1
    thantous is on a distinguished road

      0  

    Default


    Quote Originally Posted by sbruck View Post
    I am trying to understand how I can add a loading indicator (i think this is loadmask) using architect 2. any help would be greatly appreciated.

    Thanks!
    One possible solution would be to add an 'afterrender' event to your controller or component in question, and then use Ext.LoadMoak, http://docs.sencha.com/ext-js/4-0/#!/api/Ext.LoadMask

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Location
    Virginia
    Posts
    17
    Vote Rating
    0
    sbruck is on a distinguished road

      0  

    Default Solved, but wondering if this method is a good one

    Solved, but wondering if this method is a good one


    I was able to get the load mask to work. to accomplish this, I invoke the load mask when the user presses a button (to navigate to a new form panel within a navigate view)

    controller code for button (executed as a result on onButtonontap:
    ------------
    Ext.Viewport.setMasked({
    xtype: 'loadmask',
    message: 'Loading'
    });
    button.up('navigationview').push({
    xtype: 'ssa_page1',
    title: 'Terms of Service'
    });

    ------
    Then, for the code associated with the destination form panel (created an event handler onformpanelactivate. The task delay ensures that the mask shows up. this has been useful for testing and debugging on localhost, without it, I do not see the loading mask and was unsure whether code was running. found this suggestion

    var task = Ext.create('Ext.util.DelayedTask', function() {
    Ext.Viewport.setMasked(false);
    });
    task.delay(0);
    -------
    Alternatively I also created a peer event handler for onformpanelpainted and used same code to remove the mask. both approaches work, I am just not sure which one would be preferred.
    ---
    any comments are welcome, like most, I am new to this.

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