Extjs 如何在视口中嵌入gridview

在extjs中，我想按照中提到的实现网格结构

---

那么如何在基本视口中嵌入此网格结构呢？

将视口的中心区域作为容器，然后将网格添加到该容器中

this.viewport = Ext.ComponentQuery.query('viewport')[0];
this.centerRegion = this.viewport.down('[region=center]');

this.centerRegion.add(new Ext.grid.Panel({title:'Grid', columns:[{text:'col1'}]}));

例如：