You found a bug! We've classified it as EXTJS-10681 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member abeyer's Avatar
    Join Date
    Jan 2012
    Location
    Germany
    Posts
    47
    Vote Rating
    1
    abeyer is on a distinguished road

      0  

    Default Grid panel with hidden column group does not render properly

    Grid panel with hidden column group does not render properly


    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.2.1
    Browser versions tested against:
    • Chrome 28
    • IE10
    • FF22
    Description:
    • Grid panel with hidden column group does not render properly if child columns don't set the hidden property.
    Steps to reproduce the problem:
    • create a grid panel with a hidden column
    • add some sub columns with out hidden property set
    • If you place the grid panel inside the window dragging the window also doesn't work.
    The result that was expected:
    • Sub columns be hidden and grid render properly
    The result that occurs instead:
    • Grid does not render properly
    Test Case:

    Code:
    var json = [{
                name: 'Bicycle',
                content1: 'a second hand item',
                content2: 'test'
            }, {
                name: 'Table',
                content1: 'made of wood',
                content2: 'test'
            }, {
                name: 'Pen',
                content1: 'made in Japan',
                content2: 'test 1'
            }, {
                name: 'Shoe',
                content1: 'made of leather',
                content2: 'test 2'
            }];
    
    
    
    
    Ext.define('MyApp.model.Article', {
        extend: 'Ext.data.Model',
        fields: ['name', 'content1', 'content2'],
    });
    
    
    var store = Ext.create('Ext.data.Store', {
        requires: ['MyApp.model.Article'],
        autoLoad: true,
        model: 'MyApp.model.Article',
        proxy: {
            type: 'memory',
            data: json,
            reader: { type: 'json' }
        }
    });
    
    
    Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        height: 385,
        width: 613,
        title: 'Grid panel with hidden column group does not render properly',
        store: store,
        columns: [{
            width: 86,
            text: 'Name',
            dataIndex: 'name'
        }, {
            text: 'content',
            hidden: true,
            columns: [{
                xtype: 'gridcolumn',
                text: 'content 1',
                dataIndex: 'content1',
                width: 276,
            }, {
                xtype: 'gridcolumn',
                text: 'content 2',
                dataIndex: 'content2'
            }]
        }]
    });


    HELPFUL INFORMATION


    Screenshot or Video:See this URL for live test case: http://jsfiddle.net/d8Zk3/


    Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • Win 7
    *EDIT BY SLEMMON
    Tested OK in 4.2.0. Issue observed in 4.2.1.
    Last edited by slemmon; 16 Jul 2013 at 10:43 AM. Reason: Additional test notes

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,554
    Vote Rating
    203
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha Premium Member abeyer's Avatar
    Join Date
    Jan 2012
    Location
    Germany
    Posts
    47
    Vote Rating
    1
    abeyer is on a distinguished road

      0  

    Default


    The workaround to this bug is to apply hidden: true to all child columns of the hidden column group.

  4. #4
    Sencha User
    Join Date
    May 2013
    Posts
    24
    Vote Rating
    0
    Roomy is on a distinguished road

      0  

    Default


    I also facing the same issue.

Thread Participants: 2

Tags for this Thread