1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    4
    Vote Rating
    0
    anthor is on a distinguished road

      0  

    Default Page complete loaded only remove the loading mask

    Page complete loaded only remove the loading mask


    Code:
    Ext.Loader.setConfig({enabled: true});
        Ext.Loader.setPath('Ext.ux', '../ux');
        Ext.require([
            'Ext.window.*',
            'Ext.ux.GMapPanel'
        ]);
        
        Ext.onReady(function() {
            var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
                myMask.show();
        
                var layout = Ext.create('Ext.panel.Panel', {
                    //renderTo: 'layout',
                    width: window.innerWidth,
                    height: window.innerHeight,
                    //title: 'Border Layout', //no title will be blank
                    layout: 'border',
                    items: [{
                        title: 'Message List',
                        region: 'south',     // position for region
                        xtype: 'panel',
                        height: 100,
                        split: true,         // enable resizing
                        collapsible: true,
                        margins: '0 5 5 5',
                        collapsed: true
                    },{
                        //title: 'Map',
                        region: 'center',    
                        xtype: 'gmappanel',
                        center: {geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',marker: {title: 'Fenway Park'}}
                    }],
                    renderTo: Ext.getBody() //get the body and display Layout at there
                });    
                myMask.hide();
        });
    Question

    1. I'm trying to show the Loading Mask, when Page complete loaded only remove the loading mask? how to do it?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,073
    Vote Rating
    854
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Is the path to Ext.ux the correct path? Why isn't it loading? 404 on the request?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

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

Thread Participants: 1

Tags for this Thread