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
    4,994
    Vote Rating
    183
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      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