[4.2.0.489] loadMask:false doesn't affect locked grids during store reload

REQUIRED INFORMATION


Ext version tested:

• Ext 4.2.0 rev 489

Browser versions tested against:

• Chrome
• IE9
• FF19

DOCTYPE tested against:

• Quirks/None

Description:

• If the grid is using a locked grid with loadMask: false setting in the viewConfig, the mask still appears when the store reloads.

Steps to reproduce the problem:

• Build grid with a locked column and loadMask disabled
• Reload the store to see the mask appear. If you click the rownumberer header in the provided example, it will reload the store.

The result that was expected:

• Locked Grid does not show loadMask when disabled when store reloads. This is true if no locked column is used.

The result that occurs instead:

• Locked Grid shows loadMask when store reloads regardless of loadMask setting.

Test Case:

Code:

---

Ext.define('Book',{
    extend: 'Ext.data.Model',
    fields: [
        'Title'
    ]
});Ext.define('Books', {
    extend: 'Ext.data.Store',
    model: 'Book',
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: 'data/sheldon.xml',
        reader: {
            type: 'xml',
            record: 'Item',
            idProperty: 'ASIN',
            totalRecords: '@total'
        }
    }
});

Ext.define('BookGrid' ,{
    extend: 'Ext.grid.Panel',
    alias : 'widget.bookgrid',
    title : 'XML Grid',
    viewConfig: {
        loadMask: false
    },
    columns: [{
        xtype: "rownumberer",
 locked: true,
    },{
        text: "Title",
        dataIndex: 'Title',
    }]
});
Ext.define('ExtMVC.BooksC', {
    extend: 'Ext.app.Controller',
    stores: ['Books'],
    models: ['Book'],
    views: ['BookGrid'],
    init: function() {
        this.control({
                'bookgrid rownumberer': {
                        headerclick: function(ct,column,e,t) {
                                ct.ownerCt.getStore().load();
                        }
                }
        })
    }
});
Ext.define('ExtMVC.view.Viewport', {
    extend: 'Ext.Viewport',
    layout: 'fit',
    requires: [
        'BookGrid'
    ],
    initComponent: function() {
        var me = this;
 var store = Ext.create('Books');
 store.load();
        Ext.apply(me, {
            items: [
                {
                        xtype: 'tabpanel',
                        items: [{
                                title: 'one',
                                xtype: 'bookgrid',
    store: store
                        }]
                }
            ]
        });
        me.callParent(arguments);
    }
});
Ext.application({
    name: 'ExtMVC',
    controllers: [
        'ExtMVC.BooksC'
    ],
    autoCreateViewport: true
});

---

HELPFUL INFORMATION

Debugging already done:

• If there is no locked column, the grid functions properly and does not show the loading mask when reloading the store.

Possible fix:

• None provided

Additional CSS used:

• only default ext-all.css

Operating System:

• Win7 Pro

This looks to be fixed for the next release.

It doesn't seem to have been fixed in 4.2.1.

However, moving loadMask: false one level higher does work for me on a locked grid. Is that where loadMask is supposed to be configured for a locked grid?

Code:

---

Ext.define('BookGrid' ,{
    extend: 'Ext.grid.Panel',
    alias : 'widget.bookgrid',
    title : 'XML Grid',
    loadMask: false, // this works for a grid with locked columns
    viewConfig: {
        loadMask: false // this works for a normal grid
    },
    columns: [{
        xtype: "rownumberer",
        locked: true,
    },{
        text: "Title",
        dataIndex: 'Title',
    }]
});

---