How to MASK the Extjs Grid while setting the record data and unmask after set?

Question

I am showing 1500 to 2000 records at a time inside a Grid with 5 columns. There is a combobox on toolbar. When there will be combo change I need to update 2 columns data. For that I am reading the store and setting the values of each record (for 2 columns). Whatever values am setting for 2 columns am getting from another JsonStore.

As there are more than 1000 records its taking sometime to update 2 colums data. Now I am trying to mask the Grid after combo change and unmsak() after all records set.

How to unmask the grid after all records value set?

Thanks in advance!!!!

Please refer jsfiddle.net/alexrom7/kUeU9/4 and here on combochange I am setting the values of each record from another store. — aswininayak

Vlad Vlad · Accepted Answer · 2013-04-17T08:42:50

You can use setLoading() method for that:

grid.setLoading(true); // <-- show default load mask to grid
grid.setLoading('some text'); // <-- show load mask with your text
grid.setLoading(false); // <-- hide load mask

How to MASK the Extjs Grid while setting the record data and unmask after set?

1 Answers