Page complete loaded only remove the loading mask

[anthor]

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?

[mitchellsimoens]

Is the path to Ext.ux the correct path? Why isn't it loading? 404 on the request?