[CLOSED] Trying to dynamically change grid panel columns.

[GLD]

HI
I'm trying to make changes to a Grid Panel's Column Model/Columns using Javascript at runtime, here my latest, unsuccessful attempt:

var colMod = new Ext.grid.ColumnModel({
                        defaults: {
                            width: 120,
                            sortable: true,
                            hidden: false
                        },
                        columns: [
                                    { id: 'masterAccountId', header: 'Master Account Id', width: 20, dataIndex: 'MasterAccountId', hidden: true },
                                    { id: 'masterAccountNo', header: 'Master Account No.', dataIndex: 'MasterAccountNumber' },
                                    { id: 'masterAccountName', header: 'Account Name.', dataIndex: 'MasterAccountNumber' }
                                 ]
                    });

                    searchResultsGridPanel.colModel.destroy();
                    searchResultsGridPanel.colModel = colMod;
                   searchResultsGridPanel.render();

These new columns should be applied and visible before the user carries out a Store load for the grid. Unfortunately, I cannot seem to 'apply' the new column model/columns to the grid. As you can see I have tried render(), to no avail.

thanks

[Daniil]

Hi,

Please use .reconfigure().
http://dev.sencha.com/deploy/ext-3.3...er=reconfigure