Расширение таблицы / сетки Extjs автоматически до полного

Question

Как мне сделать так, чтобы панель сетки / таблица в extjs автоматически расширялась в зависимости от размера окна?Спасибо, я добавил макет: «подходит» .. я не сильно изменился

var listView = Ext.create('Ext.grid.Panel', {
    store: mystore,
    multiSelect: true,
title:'Notifications for ' + jsonServiceId + ' <i>(0 items selected)</i>',
    viewConfig: {
        emptyText: 'No images to display'
    },
    //reserveScrollOffset: true,
renderTo: containerEl,
         layout:'fit',

    columns: [{
        text: 'Sell',
        flex: 10,
        dataIndex: 'Sell',
       renderer: function(value, metaData, record) {
       //  alert(record.get('Sell'));


  }
    },{
        text: 'Class',
        flex: 10,
        dataIndex: 'ClassName'
    },


  {
        text: 'Last Changed',
        flex: 20,
        dataIndex: 'LastChangedAt',
  xtype: 'datecolumn',
        format: 'd-M-Y h:i a'
    }
]     
});

Answer 1

Это макет. Вы должны добавить макет: «соответствовать» родительскому контейнеру. Это увеличит размер вашей сетки до размера родительского контейнера.

Так же, как здесь в примере:

http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/layout-browser/layout-browser.html