Results 1 to 2 of 2

Thread: Page complete loaded only remove the loading mask

  1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    4
    Vote Rating
    0
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,699
    Vote Rating
    1279
      0  

    Default

    Is the path to Ext.ux the correct path? Why isn't it loading? 404 on the request?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

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