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