縦横格子状に自在に並べるにはグリッドパネルを使う。
createGridでグリッドパネルを作り出し、そこに色々配置してみる。
var app = UiApp.createApplication(); var grid = app.createGrid(4, 2); grid.setWidget(0, 0, app.createLabel('Name')); grid.setWidget(0, 1, app.createTextBox()); grid.setWidget(1, 0, app.createLabel('Address')); grid.setWidget(1, 1, app.createTextBox()); grid.setWidget(2, 0, app.createLabel('Tel')); grid.setWidget(2, 1, app.createTextBox()); grid.setWidget(3, 1, app.createButton('Submit')); app.add(grid);
かなりフォームらしくできます。
これはかなりの表現をカバーできそうです。
でも、グリッドパネルとか言ったけど、これパネルじゃないね。