Extjs table/grid auto expand to full

Question

Как мне сделать сетку/таблицу в extjs auto expand в зависимости от размера окна? Благодаря я добавил макет: «подходят» .. я не изменился

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

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

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

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