Webコピペ屋::ExtJS入門その１３『Ext.grid.GridPanel』

前回と前々回において「Ext.data.Store」でデータを取得してExtJS内で使用できるところまで、を見てきました。 で、自然な流れとして次は表示となるわけですが、表示手法のひとつとして人気の高いUIグリッドパネルを見ていきましょう。 IBMでExt JS 入門者の最初の壁という記事があるぐらいですから難しいのは確かでしょう。 なのでまたいつものごとく泥臭くひとつずつ確認していきたいと思います。 データ（ストア）は取得し変数MyDataStoreに格納されload()されているものとします。 データとしては前回、前々回で使ったものと同じデータです。 グリッド表示は「Ext.grid.GridPanel」を使います。 必須コンフィグオプションは「store」と「colModel」ですのでとりあえず最低ラインから色々付け足したり、置き換えたりしていってみましょう。 [デモ