I saw someone mention extjs in another thread and decided to go see what the excitement was all about.
With the help of a very friendly forum member, I was able to get something working.
No, nothing with JSON or anything yet...just a simple loading mask.
Here's what I did:
1. Added a new HTML Region with a sequence of 1 and used the following code:
(div id="loading-mask" style="">(/div>
(div id="loading">
(div class="loading-indicator">(img src="#IMAGE_PREFIX#large-loading.gif" width="32" height="32" style="margin-right:8px;" align="absmiddle"/>Loading...(/div>
(/div>
2. Added a second HTML Region with a sequence of 5 and used the following code:
<script type="text/javascript" src="#IMAGE_PREFIX#javascript/ext-base.js"></script>
<script type="text/javascript" src="#IMAGE_PREFIX#javascript/ext-all.js"></script>
<script language="JavaScript" type="text/javascript">
setTimeout(function(){
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
}, 250);
</script>
3. Added a third region which is a report with about 30 columns in it.
While not terribly slow, it does take a couple of seconds or so to load
and you normally see it draw one line at a time.
4. Added a fourth region for my buttons.
Now, when I run the page, I see a nice animated logo that says "Loading"
and then when it dissolves away, I see my grid completely drawn.
Nothing fancy, I know...but I thought it was cool. :)
Chad
Message was edited by:
cedwards
Replace all ( on tags with <