Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User j.bruni's Avatar
    Join Date
    Jun 2009
    Location
    Uberlândia, MG, Brazil
    Posts
    105
    Vote Rating
    7
    j.bruni is on a distinguished road

      0  

    Exclamation [4.0.2a] GridPanel - Incorrect columns list rendering when there are too many columns

    [4.0.2a] GridPanel - Incorrect columns list rendering when there are too many columns


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.0.2a
    Browser versions tested against:
    • Chrome 13.0.782.112
    • Firefox 3.6.20
    Description:
    • If the number of columns in a GridPanel is big, the list of columns displayed in the Columns submenu (available from any column header) does not render correctly. Only the up and down arrows are shown, vertically positioned on top. This does not happen if the number of columns is small. Please see the screenshot.
    Steps to reproduce the problem:
    • Create and display a GridPanel with big number of columns. Click at a column header, and open the Columns submenu.
    The result that was expected:
    • See all the columns listed.
    The result that occurs instead:
    • We see only the up and down arrows (vertically positioned on top) , but no columns listing.
    Test Case:

    Code:
    Ext.onReady( function() {
        var mystore = Ext.create('Ext.data.ArrayStore', {
            data: [[
                'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar',
                'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar',
                'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar'
            ]],
            fields: [
                'column1', 'column2', 'column3', 'column4', 'column5', 'column6', 'column7', 'column8', 'column9', 'column10',
                'column11', 'column12', 'column13', 'column14', 'column15', 'column16', 'column17', 'column18', 'column19', 'column20',
                'column21', 'column22', 'column23', 'column24', 'column25', 'column26', 'column27', 'column28', 'column29', 'column30'
            ]
        });
        Ext.create('Ext.grid.Panel',{
            store: mystore,
            columns: [
                { dataIndex: 'column1', header: 'column1' },
                { dataIndex: 'column2', header: 'column2' },
                { dataIndex: 'column3', header: 'column3' },
                { dataIndex: 'column4', header: 'column4' },
                { dataIndex: 'column5', header: 'column5' },
                { dataIndex: 'column6', header: 'column6' },
                { dataIndex: 'column7', header: 'column7' },
                { dataIndex: 'column8', header: 'column8' },
                { dataIndex: 'column9', header: 'column9' },
                { dataIndex: 'column10', header: 'column10' },
                { dataIndex: 'column11', header: 'column11' },
                { dataIndex: 'column12', header: 'column12' },
                { dataIndex: 'column13', header: 'column13' },
                { dataIndex: 'column14', header: 'column14' },
                { dataIndex: 'column15', header: 'column15' },
                { dataIndex: 'column16', header: 'column16' },
                { dataIndex: 'column17', header: 'column17' },
                { dataIndex: 'column18', header: 'column18' },
                { dataIndex: 'column19', header: 'column19' },
                { dataIndex: 'column20', header: 'column20' },
                { dataIndex: 'column21', header: 'column21' },
                { dataIndex: 'column22', header: 'column22' },
                { dataIndex: 'column23', header: 'column23' },
                { dataIndex: 'column24', header: 'column24' },
                { dataIndex: 'column25', header: 'column25' },
                { dataIndex: 'column26', header: 'column26' },
                { dataIndex: 'column27', header: 'column27' },
                { dataIndex: 'column28', header: 'column28' },
                { dataIndex: 'column29', header: 'column29' },
                { dataIndex: 'column30', header: 'column30' }
            ],
            renderTo: Ext.getBody()
        });
    });
    HELPFUL INFORMATION

    Screenshot or Video:
    • attached
    Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • Linux Ubuntu LTS 10.04 (Lucid Lynx)
    Attached Images

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,055
    Vote Rating
    659
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    I tested this against 4.0.5 and it appears the issue is now resolved. Marking as closed.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha User j.bruni's Avatar
    Join Date
    Jun 2009
    Location
    Uberlândia, MG, Brazil
    Posts
    105
    Vote Rating
    7
    j.bruni is on a distinguished road

      0  

    Thumbs up


    Quote Originally Posted by evant View Post
    I tested this against 4.0.5 and it appears the issue is now resolved. Marking as closed.
    That's great. I hope the issue is really resolved. Thanks for the update! I expect a new GPL version to be released soon...

Thread Participants: 1

Tags for this Thread