1. #1
    Ext User
    Join Date
    May 2007
    Posts
    52
    Vote Rating
    0
    Srinivas B is on a distinguished road

      0  

    Default HowTo:showing the complete page layout after complete load.

    HowTo:showing the complete page layout after complete load.


    Hi All,

    I am having the border layout with west and center layout.In West layout i am placing TreePanel. and in the right side i am placing the Grid.

    in the TreePanel Layout region i added some custom skin with my own images ..

    Now the problem i added the code like below..
    Code:
    <html>
    <head>
    <script>
    Example = {
    init:function(){
    var layout = new Ext.BorderLayout(document.body, {
    	                    west: {
    	                        split:true,
    	                        initialSize: 230,
    	                        titlebar: false,
    	                        collapsible: true,
    							//closable:true,
    	                        minSize: 100,
    							animate:true,
    							modal: true,
    	                        maxSize: 400
    							//fitToFrame:true
    	                    },
    	                    center: {
    	                        autoScroll:true,
    							titlebar: false,
    							hideTabs:true
    	                    }
    	                });
    	        layout.beginUpdate();
    ...................
    ............................
    }
    };
    </script></head>
    <body>
    Ext.onReady( Example.init , Example, true);
    </body>
    </html>
    When i am starting the application in the browser my custom skin images are comming first without rendering the grid and tree. This is looking little odd.


    My actual requirement is I want to show the application in the webpage only when all the widgets are completely loaded..

    Upto the loading of all the widgets how i can show the "Loading.." in the empty page.?

    can any body help me .....

    Thanks in advance..
    Srinivas.

  2. #2
    Ext User
    Join Date
    May 2007
    Posts
    52
    Vote Rating
    0
    Srinivas B is on a distinguished road

      0  

    Default


    All the divs are in the body section only..... i didn't mentioned it in the sample code.....

    Thanks
    Srinivas.

  3. #3
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    OnReady waits til the entire page is built, including loading the images. Look at the Ext documentation index page for an example of masking the entire page with 'Loading' until everything is ready.

  4. #4
    Ext User
    Join Date
    May 2007
    Posts
    52
    Vote Rating
    0
    Srinivas B is on a distinguished road

      0  

    Default


    Thanks tryanDLS ,
    I tried that ... Its working fine.... Thanks once again.

    Srinivas

Thread Participants: 1