<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content=text/html;charset=iso-8859-1>
<STYLE type=text/css><!-- DIV {margin:0px;} --></STYLE>

<META content="MSHTML 6.00.6002.18332" name=GENERATOR></HEAD>
<BODY id=MailContainerBody 
style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 15px" leftMargin=0 
topMargin=0 CanvasTabStop="true" name="Compose message area">
<DIV><FONT face=Arial size=2>The docs state that the loadMask config property 
should either be a Boolean or an Ext.LoadMask config. So that is where you 
should configure the mask, not in the show event listener. The docs are 
incomplete in that they don't tell you that you actually only need to supply the 
Ext.LoadMask options portion of the Ext.LoadMask constructor and that the grid 
is also binding the grid's store and that config option is not needed (it will 
be overwritten if you do add it). This means that you really only need to supply 
the 'msg' option for the loadMask unless you need to give it a different CSS 
class or only want it show the very first time the grid's data store is 
loaded.</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Here is the source code from Ext.GridPanel's 
initEvents function</FONT></DIV>
<DIV><FONT face=Arial size=2>// private<BR>&nbsp;&nbsp;&nbsp; initEvents : 
function(){<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Ext.grid.GridPanel.superclass.initEvents.call(this);</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
if(this.loadMask){<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
this.loadMask = new 
Ext.LoadMask(this.bwrap,<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Ext.apply({store:this.store}, 
this.loadMask));<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp; }</FONT></DIV>
<DIV><FONT face=Arial size=2>So a better config your grid's loadMask property 
would be:</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>loadMask:{msg:'Daten werden 
geladen...'},</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Hope that helps</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Matt Priour</FONT></DIV>
<DIV><FONT face=Arial size=2>Kestrel Computer Consulting</FONT></DIV>
<DIV style="FONT: 10pt Tahoma">
<DIV><FONT face=Arial></FONT><BR></DIV>
<DIV style="BACKGROUND: #f5f5f5">
<DIV style="font-color: black"><B>From:</B> <A 
title="mailto:robertdbuckley@yahoo.com&#10;CTRL + Click to follow link" 
href="mailto:robertdbuckley@yahoo.com">Robert Buckley</A> </DIV>
<DIV><B>Sent:</B> Wednesday, January 12, 2011 10:24 AM</DIV>
<DIV><B>To:</B> <A 
title="mailto:users@geoext.org&#10;CTRL + Click to follow link" 
href="mailto:users@geoext.org">users@geoext.org</A> </DIV>
<DIV><B>Subject:</B> [Users] Loading mask in grid</DIV></DIV></DIV>
<DIV><FONT face=Arial size=2></FONT><BR></DIV>
<DIV 
style="FONT-SIZE: 8pt; FONT-FAMILY: arial,helvetica,sans-serif">Hi,<BR><BR>I´m 
trying to put a loading mask into a grid whilst it´s being loaded. This seems to 
be rather problematic althought the examples make it seem easy.<BR><BR><BR>
<DIV>Here is my code without the mask.<BR><BR>var wea_attribgridPanel = new 
Ext.grid.GridPanel({<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; title: 
"Tabelle",<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; region: 
"center",<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; autoWidth : 
true,<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; stripeRows: 
true,<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; height: 
350,<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; loadMask: 
true,<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; viewConfig: 
{<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; forceFit: true<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; },<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; store: 
wea_store,<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; sm: new 
GeoExt.grid.FeatureSelectionModel(),<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
cm: new Ext.grid.ColumnModel({<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; defaults: {<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; sortable: true<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; },<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; columns: [{<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; header: 
"Bez",<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; dataIndex: "Bez",<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; width: 25<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }, {<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; header: 
"Standort",<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; dataIndex: "Standort"<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }, {<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; header: 
"Betreiber",<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; dataIndex: "Betreiber",<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; width: 
135<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
}]<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }),<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; bbar: [{<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; text: "an Auswahl heranzoomen",<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; handler: function(){<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
wea_attribgridPanel.getSelectionModel().each(function(rec){<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var 
feature = rec.get("feature");<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
wea_mapPanel.map.zoomToExtent(feature.geometry.getBounds());<BR>&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
})<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; },toolbarItems]<BR>&nbsp;&nbsp;&nbsp; 
});<BR><BR><BR>&nbsp;I though If I put this in after the bbar it would work, but 
nothing happens<BR><BR>listeners:{show:function() {<BR>&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; this.loadMask = new Ext.LoadMask(this.body, 
{<BR>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; msg:'Daten werden 
geladen...'<BR>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
});<BR>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }}<BR><BR><BR><BR>could 
anyone offer any assistance?<BR><BR>thanks,<BR><BR>Robert<BR></DIV></DIV><BR>
<P>
<HR>

<P></P>_______________________________________________<BR>Users mailing 
list<BR>Users@geoext.org<BR>http://www.geoext.org/cgi-bin/mailman/listinfo/users<BR></BODY></HTML>