Изменить столбцы Gridpanel

Как я могу изменить свои столбцы в моей панели сетки?

Изначально я создаю панель сетки с пустыми столбцами, так как позже они будут добавлены динамически.

Ext.define( 'My.grid.Panel', {
  extend    : 'Ext.grid.Panel',
  columns: []
  ...

После создания и рендеринга My.grid.Panel я хочу добавить столбцы на эту панель.

var arGridColumns = [
        Ext.create( 'Ext.grid.column.Column', {
           text: 'A', 
           dataIndex: 'name'
        } ),
        Ext.create( 'Ext.grid.column.Column', {
           text: 'B', 
           dataIndex: 'value', 
           flex: 1
        } )
     ];

myGridPanel.columns = arGridColumns;
myGridPanel..doLayout();

Но это ничего не меняет.

Как этого добиться?