Results 1 to 5 of 5

Thread: How to keep progressbar loading untill target view loads in senchatouch?

  1. #1
    Sencha User
    Join Date
    Nov 2013
    Posts
    49
    Answers
    1

    Default Answered: How to keep progressbar loading untill target view loads in senchatouch?

    Hi,
    i have a list loads different buttons, by clicking them i setting path to launch different url for main homeview.
    Currently whenever i clicked the button instantly its redirecting to home, home page needs time to reload again (problem).

    I required progressbar/loadmask should stay on my itemsview untill the home page completely loads behind. Currently whatever "loadmask" i used showing only on clikcing of image for a sec and the page re-directing to home.

    here is my code:
    Code:
     store: 'ThemeStore',        itemCls: 'album-cover',
                itemTpl: [
                    '<div class="artwork">',
                    '    <tpl if="artwork"><img src="{artwork}" onClick="">',
                    '    <tpl else><img src="./artwork/album.png"></tpl>',
                    '</div>',
                ],
                
                listeners: {
                    
                    itemtap: function(cmp, index, target, record, e, eOpts){
                        if(index == 0)
                        {
                            showBusyPreloggedin();
                            window.location.assign(location.pathname+'?platform=thmblack');
    
                        }
                        else  if(index == 1)
                        {    showBusyPreloggedin();
                            window.location.assign(location.pathname);
                            
                        }
                        else  if(index == 2)
                        {    showBusyPreloggedin();
                            window.location.assign(location.pathname+'?platform=thmyellow');
                            
                        }
                        
                    }
                    
    
                }

    please suggest me!!

  2. When you change the query string (the ?platform=thmblue part) it will reload the page executing Ext.application launch method. You can test if the loadmask exists using the container.getMasked() function and remove it if it does.

  3. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    Just to be clear. You are trying to keep the load mask on screen while a url loads?
    I believe the Ext.ProgressIndicator only works with XHR2 uploads and downloads.
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

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

    Need to include a test case use:
    The official Sencha Fiddle

  4. #3
    Sencha User
    Join Date
    Nov 2013
    Posts
    49
    Answers
    1

    Default

    Yes fmoseley , i need loadmask (progressbar) while the url loads.
    Untill the url loads the current view should show as download theme progressbar.

    please share some piece of code for my reference to achieve it.

    below is my sample reference,
    theme_selection.jpg

  5. #4
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    When you change the query string (the ?platform=thmblue part) it will reload the page executing Ext.application launch method. You can test if the loadmask exists using the container.getMasked() function and remove it if it does.
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

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

    Need to include a test case use:
    The official Sencha Fiddle

  6. #5
    Sencha User
    Join Date
    Nov 2013
    Posts
    49
    Answers
    1

    Default OK, fmoseley .

    Let me try it and update you!!

    Thank u!!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •