如何在视口中嵌入网格视图

Question

在extjs中，我想实现link中提到的网格结构。

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

Answer 1

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

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

示例：

http://jsfiddle.net/Ym5T4/1/