2009年4月18日土曜日

GWTでFlexTableを使ってみる

今度は、下記のサンプルを参照しながらFlexTableというクラスを使ってみる。
http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/ui/FlexTable.html

普通にテキストをセットしたり、ボタンをセルにセットしたりできるようですね。

setColSpanの意味がわからなかったけど、実際に、下記のようにサンプルを
ちょっと変更して動かした感じでは、こちらはどうやらエクセルで言う
「セルの結合」を意味する関数のようですね。

   public void onModuleLoad() {
// Tables have no explicit size -- they resize automatically on demand.
FlexTable t = new FlexTable();
t.setText(0, 0, "aa");
t.setText(0, 1, "ii");
t.setText(0, 2, "uu");
t.setText(0, 3, "ee");
t.setText(0, 4, "oo");
t.setText(2, 0, "sa");
t.setText(2, 1, "si");
t.setText(2, 2, "su");
t.setText(2, 3, "se");
t.setText(2, 4, "so");

t.setWidget(1, 1, new Button("Wide Button"));
          //セルの(1,0)から3つの列を結合する
t.getFlexCellFormatter().setColSpan(1, 0, 3);

RootPanel.get().add(t);
}



こちらを実行してみるとこんな感じになりました。



0 件のコメント: