如何让一个小组占用整个页面？

Question

如何从教程中修改此片段

Ext.get(document.body).update('<div id="test"></div>');
new Ext.Panel({
    renderTo: 'test',
    width: '200px',
    title: 'My Title',
    html: 'My HTML content',
});

以便示例面板占用所有可用空间？

Answer 1

new Ext.Viewport({
    layout: 'fit',
    items: [{
        title: 'My Title',
        html: 'My HTML content'
    }]
});