Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-8180 in a recent build.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    977
    Vote Rating
    112
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default [4.2.0 beta] Locking Grid: adding column using reconfigure doesn't work

    [4.2.0 beta] Locking Grid: adding column using reconfigure doesn't work


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.2.0 beta
    Browser versions tested against:
    • Chrome
    • IE9
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description:
    • If a GridPanel is configured with a column with "locked: true", when adding a new column using the grid's reconfigure method doesn't work well. It adds a header cell, but not the rest cells.
    • Everything is OK if no locked column.
    Steps to reproduce the problem:
    • Click the button
    The result that was expected:
    • A new column: the header and the "body" cells
    The result that occurs instead:
    • Only the header cell appears, not the "body" cells
    Test Case:
    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Grid locked reconfigure add column</title>
    
        <link rel="stylesheet" href="../resources/css/ext-all.css" />
        
        <script src="../ext-all-debug.js"></script>
    
        <script>
            Ext.onReady(function () {
                var myColumns = [{
                    text: "Test1",
                    dataIndex: "test1",
                    locked: true
                }, {
                    text: "Test2",
                    dataIndex: "test2"
                }, {
                    text: "Test3",
                    dataIndex: "test3"
                }];
    
                Ext.create("Ext.button.Button", {
                    renderTo: Ext.getBody(),
                    text: "Add a column",
                    handler: function () {
                        var grid = Ext.getCmp("GridPanel1");
                           
                        myColumns.push({
                            text: "New",
                            dataIndex: "test1"
                        });
    
                        grid.reconfigure(grid.getStore(), myColumns);
                    }
                });
                Ext.create("Ext.grid.Panel", {
                    id: "GridPanel1",
                    renderTo: Ext.getBody(),
                    store: {
                        fields: [{
                            name: "test1"    
                        }, {
                            name: "test2"    
                        }, {
                            name: "test3"    
                        }],
                        data: [{
                            test1: "test1",
                            test2: "test2",
                            test3: "test3"
                        }]
                    },
                    columns: myColumns
                });
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    872
    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


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

  3. #3
    Sencha Premium Member
    Join Date
    May 2011
    Posts
    100
    Vote Rating
    3
    pscanlon1 is on a distinguished road

      0  

    Default Status?

    Status?


    There is no way to reconfigure a lockable grid....

  4. #4
    Sencha Premium Member
    Join Date
    Jun 2012
    Posts
    73
    Vote Rating
    1
    Peter Tierney is on a distinguished road

      0  

    Default Buffered grid + lockable columns + reconfigure = KABOOM!!!

    Buffered grid + lockable columns + reconfigure = KABOOM!!!


    This took me a while to find but mixing the 3 seems to completely seize up the Chrome tab, which is better than the entire browser. Has anyone tried this before and found a fix or is this a true blue deep down bug with the grid?

    It doesn't stop us as we'll just remove the lockable feature and life is good.

    We are using 4.2.2, btw.

  5. #5
    Sencha Premium Member
    Join Date
    Nov 2011
    Posts
    43
    Vote Rating
    2
    agunescu is on a distinguished road

      0  

    Default


    I have a problem with the reconfigure method when using it on a locked grid. I receive :
    [CODE]
    TypeError: el is null

    [TABLE]

  6. #6
    Sencha Premium Member
    Join Date
    Nov 2011
    Posts
    43
    Vote Rating
    2
    agunescu is on a distinguished road

      0  

    Default


    I have a problem with reconfigure when using it on a locked grid. I receive :
    Code:
    TypeError: el is null
    el.removeCls.apply(el, arguments);
    I don't know what the issue here, I've tried bebuggind reconfigure and reconfigureLockable methods and I've seen that the error shows on reconfigureLockable method, after:
    Code:
    lockedGrid.headerCt.add(columns.locked.items);
    Any help please with this?
    I am using ExtJS 4.2.2