Results 1 to 3 of 3

Thread: How to put a loading screen while contents are loading when click on tabpanel?

  1. #1
    Touch Premium Member
    Join Date
    Aug 2011
    Posts
    59

    Default How to put a loading screen while contents are loading when click on tabpanel?

    Hi,

    I am using Sencha Touch 2.0.1.
    How do I put a loading screen while the contents are loading when I clicked on a tab from the tabpanel? I want to do this because when I clicked on the tab, the tab feedback button freezes for a bit, and then loads the content.
    I heard of deferredRender, but I am not sure what it really does. Is it suppose to pause the render when a tab is clicked? I have tried setting it to true and even to false, none of them work. In the Sencha Touch 2.0.1 documentation, this property doesn't exist. Any help or hints would be greatly appreciated!

    Sample usage of deferredRender:

    Code:
    Ext.create('Ext.TabPanel', {    
        fullscreen: true,
        tabBarPosition: 'bottom',
    
    
        defaults: {
            styleHtmlContent: true
        },
    
    
        items: [
            {
                title: 'Home',
                iconCls: 'home',
                html: 'Home Screen'
            },
            {
                title: 'Contact',
                iconCls: 'user',
                html: 'Contact Screen',
                deferredRender: true //Or false, none of them work
                //I would like to put a loading screen before "Contact Screen" display on the tabpanel when clicked on.
            }
        ]
    });
    Thanks in Advance!

  2. #2
    Sencha User
    Join Date
    Oct 2012
    Location
    Toulouse
    Posts
    62
    Answers
    7

    Default What about ?

    Have you thought of using a loadmask or is that not what you're looking for ?
    Sarah Burrell
    R & D Developer at Novadys International

  3. #3
    Touch Premium Member
    Join Date
    Aug 2011
    Posts
    59

    Default

    Hi,

    Thank you for replying.

    The issue I am having is that when I tap on a tab that contains memory intensive layouts, the tab freezes a bit (or has a delay) before the layout finished rendering. I would like to know where can I insert a loading screen (xtype: 'loadmask') while the layout is rendering.

Posting Permissions

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