[Users] Loading mask in grid

[Matt Priour]

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.

Here is the source code from Ext.GridPanel's initEvents function
// private
    initEvents : function(){
        Ext.grid.GridPanel.superclass.initEvents.call(this);

        if(this.loadMask){
            this.loadMask = new Ext.LoadMask(this.bwrap,
                    Ext.apply({store:this.store}, this.loadMask));
        }
    }
So a better config your grid's loadMask property would be:

loadMask:{msg:'Daten werden geladen...'},

Hope that helps

Matt Priour
Kestrel Computer Consulting


From: Robert Buckley 
Sent: Wednesday, January 12, 2011 10:24 AM
To: users at geoext.org 
Subject: [Users] Loading mask in grid


Hi,

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.



Here is my code without the mask.

var wea_attribgridPanel = new Ext.grid.GridPanel({
        title: "Tabelle",
        region: "center",
        autoWidth : true,
        stripeRows: true,
        height: 350,
        loadMask: true,
        viewConfig: {
        forceFit: true
        },
        store: wea_store,
        sm: new GeoExt.grid.FeatureSelectionModel(),
        cm: new Ext.grid.ColumnModel({
            defaults: {
                sortable: true
            },
            columns: [{
                header: "Bez",
                dataIndex: "Bez",
                width: 25
            }, {
                header: "Standort",
                dataIndex: "Standort"
            }, {
                header: "Betreiber",
                dataIndex: "Betreiber",
                width: 135
            }]
        }),
        bbar: [{
            text: "an Auswahl heranzoomen",
            handler: function(){
                wea_attribgridPanel.getSelectionModel().each(function(rec){
                    var feature = rec.get("feature");
                    wea_mapPanel.map.zoomToExtent(feature.geometry.getBounds());
                })
            }
        },toolbarItems]
    });


 I though If I put this in after the bbar it would work, but nothing happens

listeners:{show:function() {
         this.loadMask = new Ext.LoadMask(this.body, {
         msg:'Daten werden geladen...'
         });
         }}



could anyone offer any assistance?

thanks,

Robert





--------------------------------------------------------------------------------


_______________________________________________
Users mailing list
Users at geoext.org
http://www.geoext.org/cgi-bin/mailman/listinfo/users
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20110112/1075c389/attachment.htm