1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    3
    Vote Rating
    0
    deusemc is on a distinguished road

      0  

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

    [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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,812
    Vote Rating
    835
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    This looks to be fixed for the next release.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha Premium Member richardvd's Avatar
    Join Date
    Jun 2011
    Location
    NL
    Posts
    43
    Vote Rating
    12
    richardvd will become famous soon enough

      0  

    Default


    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',
        }]
    });
    Richard

Thread Participants: 2