
<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:arial,helvetica,sans-serif;font-size:8pt">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></body></html>