Results 1 to 2 of 2

Thread: Show "Loading" message before load a Grid

  1. #1
    Ext User cadudecastroalves's Avatar
    Join Date
    Mar 2007
    Location
    Rio de Janeiro, Brazil
    Posts
    98

    Default Show "Loading" message before load a Grid

    Hello people!

    I'd like to know how insert a "Loading..." message before load a Grid using XMLDataModel (like this example - http://www.jackslocum.com/blog/2006/...hoo-ui-part-3/ - at Jack's blog). I looked the documentation but I didn't find.

    Help me please!

    Regards,

    Cadu de Castro Alves

    Obs.: Sorry my bad English

  2. #2

    Default a way to do it (Show "Loading" message before load

    you can try this, i dont know if is the right way......

    your html:
    Code:
    <html>
        <head>
            <title>grid</title>
    
            <link href="web/css/jack/loading.css" type="text/css" rel="stylesheet">
            <link href="web/css/jack/grid.css" type="text/css" rel="stylesheet">
        </head>
    
        <body>
            <div id="loading">
                <div class="loading-indicator">Loading...</div>
            </div>
            
            <script language="JavaScript" src="web/js/jack/yahoo_2.0.6.js"></script>
            <script language="JavaScript" src="web/js/jack/dom_2.0.5.js"></script>
            <script language="JavaScript" src="web/js/jack/event_2.0.6.js"></script>
            <script language="JavaScript" src="web/js/jack/dragdrop_2.0.6.js"></script>
            <script language="JavaScript" src="web/js/jack/animation_2.0.5.js"></script>
            <script language="JavaScript" src="web/js/jack/connection_2.0.5.js"></script>
            <script language="JavaScript" src="web/js/jack/yui-ext.js"></script>
            <script language="JavaScript" src="web/js/grids/your-grid.js"></script>
            
            <div id="grid-editor" class="ygrid-mso"></div>
    
        </body>
    </html>
    your-grid.js:
    Code:
    Grid = function(){
    .
    .
    .
    return {
            init : function(){
                getEl('loading').remove();
    .
    .
    .
    }();
    
    YAHOO.util.Event.on(window, 'load', Grid.init, Grid, true);
    I hope that this helps to you

    PD. Sorry for my bad English :lol:

Similar Threads

  1. How do I show cool "Loading..." animation when loa
    By davida in forum Ext 1.x: Help & Discussion
    Replies: 6
    Last Post: 5 Jun 2008, 3:02 AM
  2. Form - Fix Msg Width (validation message "under")
    By webersouza in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 16 Mar 2007, 5:57 AM
  3. Bug Load Page "setUrl" in IE6
    By webersouza in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 25 Feb 2007, 6:51 PM
  4. yui ext document page "loading" message
    By sjivan in forum Community Discussion
    Replies: 7
    Last Post: 22 Nov 2006, 3:16 PM

Posting Permissions

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