GWTでJavaScriptを書かないAjax開発--第5回:ウィジェットを表示するパネル

沖林正紀

2007-11-14 18:00

 前回はButtonウィジェット(Widget)を表示する方法を紹介したが、実際のAjaxアプリケーションでは、もっと多くのウィジェットが画面に表示されるだろう。その際、1つの画面をいくつかの領域に区切り、領域ごとに関連するウィジェットをまとめて表示することになる。

 今回紹介するパネルは、他のウィジェットを表示する領域とレイアウトを決めるウィジェットだ。JavaのデスクトップGUIプログラミング(Swing)を経験したことがあれば、それと似た概念なので理解しやすいだろう。

 そうでないなら、Widgets Galleryでパネルの種類を確認してみよう。HorizontalPanelはウィジェットを縦に並べて配置するパネルで、VerticalPanelは横に並べて配置するパネルだ。これらのパネルにウィジェットを追加していくと、図に書かれている番号の順に表示されることになる。他にもヘッダ、フッタをつけられるDockPanelなど、パネルの種類はさまざまだ。パネルは最終的にRootPanelに追加し、このとき初めて画面上に表示される。

では、パネルの使い方をSimplePanelの実行例で確かめてみよう。

ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)

ホワイトペーパー

新着

ランキング

  1. ビジネスアプリケーション

    レガシーデータ基盤からの脱却が AI 活用の鍵--先進企業に学ぶクラウド移行の成功事例

  2. ビジネスアプリケーション

    AI 人材育成を単なる研修で終わらせない--事業を動かす AI スキル構築の 5 つのステップ

  3. ビジネスアプリケーション

    汎用 AI をビジネス仕様に。業務データを活かす AI アプリ開発の新しい前提「データ基盤」

  4. 仮想化

    コンテナ化だけで十分なのか。商用パッケージ運用の負荷を左右するOpenShiftの価値

  5. 経営

    月15万円から始めるSOC。セキュリティ人材を雇えない企業の、取引を止めない経営判断

NEWSLETTERS

エンタープライズコンピューティングの最前線を配信

ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]