loading mask on a dataview

[toxkillfraex]

is there a way to place a loading a mask on a data view until all the thumbnails it will be showing are received?

[vietits]

To put a mask


<view>.getEl().mask();

To remove applied mask


<view>.getEl().unmask();

[toxkillfraex]

To put a mask


<view>.getEl().mask();

To remove applied mask


<view>.getEl().unmask();


figured somebody would come up with that. That I already have but the mask goes from as soon as the panels it's in a done and rendered.

I'm more looking for the funcion that says the view is loading


var dataView = new Ext.DataView(
{

xtype: 'documentDataView',

cls: 'tabPanelChild',

store: subFolder.documentsStore,

tpl: tplThumbs,

multiSelect: false,
singleSelect: true,

trackOver: true,
overItemCls: 'x-item-over',
itemSelector: 'div.thumb-wrap',

autoScroll: 'true',

listeners: {
//some listeners here
}
}
});


I suppose I can define it somewhere in the data view but I have no clue where

[vietits]

You should catch load event of the store and put <view>.getEl().unmask() there.

[toxkillfraex]

You should catch load event of the store and put <view>.getEl().unmask() there.

ah now we're getting somewhere.
would this work the same as listening on a click event?

as in I add in the store somewhere listeners{ load: someAction} ?

[vietits]

<your store>.on('load', function(){ <view>.getEl().unmask()})