extjs - ビューポートにグリッドビューを埋め込む方法

Question

extjs では、linkに記載されているようにグリッド構造を実装したいと考えています。

では、このグリッド構造を基本的なビューポートに埋め込む方法は?

Answer 1

ビューポートの中央の領域をコンテナにしてから、そのコンテナにグリッドを追加します。

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/