如何让面板占据整个页面？

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' 
    }] 
});