PDA

View Full Version : Applying Load Mask To Grids in Tabs using CSS.



Prasad_Guduri
4 Feb 2014, 11:45 AM
Hi All,

I have two tabs, first tab having 1 grid panel and second grid having 2 grid panels.

So while loading the store i want to apply the load mask but the configuration in gripanel loadMask:True is not working.

So i did in the following way.

loadTimecardsForWeekDay: function (weekDay)
{
this.mask();
this.getTimecardsStore().load({ weekStart: weekDay });
},
_attachTimecardsStoreListeners: function ()
{
var timecardsStore = this.getTimecardsStore(); // get [storename] store();


timecardsStore.on('load', this.onTimecardsStoreLoad, this);
},


onTimecardsStoreLoad: function ()
{
this.unmask();
},

mask: function ()
{
Ext.get(document.getElementById('apgridview-1180')).mask(Ext.LoadMask.prototype.msg);
},


unmask: function ()
{
Ext.get(document.getElementById('apgridview-1180')).unmask();
},

Firefox Browser Div ID:

<div id="apgridview-1180" class="x-grid-view x-fit-item x-grid-view-default x-unselectable" style="border-width: 0px; overflow: auto; -moz-user-select: none; margin: 0px; width: 1383px; height: 206px;" tabindex="-1">




Is this approach is correct?? can we use DIV ID to apply load mask?


Thanks & Regards,
Prasad

scottmartin
4 Feb 2014, 2:44 PM
Try placing it on the viewConfig:



viewConfig: {
loadMask: true
},