データ・テーブル・コンポーネントを使用すると、
データベースまたはその他のデータ・ソースからのデータをテーブル形式で表示することができます。
Faces JSP ファイルにデータ・テーブルを追加する方法は数通りあります。
- パレット上の「Faces コンポーネント」ドロワーから Faces JSP ページまでデータ・テーブル・コンポーネントをドラッグして、
列に Faces コンポーネントを追加してから、データを含むテーブルおよびコンポーネントにデータをバインドする。
さまざまな「プロパティー」ビューの「値」フィールドを使用して、
データをバインドすることができます。
データ・テーブルをページに追加する方法の中で、これは最も難しいものです。
- 関連レコード・リストをパレット上の「データ」ドロワーからページにドラッグする。
「関連レコード・リストの追加」ウィザードが開きます。
このウィザードでは、データ・テーブルをページに追加して、
データ・テーブルを関連レコード・リストからのデータにバインドします。
ウィザードの「データ・コントロールの追加」オプションがチェックされていることを確認して、
データ・テーブルをページに追加します。
- 既存の関連レコード・リストを「ページ・データ」ビューからページへドラッグする。
「レコード・リストの挿入」ウィザードが開きます。
この方法については、ステップ順で以下に説明します。
既存の関連レコード・リストにバインドされているデータ・テーブルを自動的に追加する方法:
- Faces JSP ファイルを開く。
- ページ・データ・ビューを開く ()。
- 「ページ・データ」ビュー内の既存の関連レコード・リストを Faces JSP ファイルにドラッグする。
「レコード・リストの挿入」ウィザードが開きます。
注: 既存の関連レコード・リストがない場合は、ページ・データ・ビューの中で右クリックして、
の順に選択する。
「関連レコード・リストの追加」ウィザードが開きます。
- 「作成するデータ・コントロール」の横にある作成すべきデータ・テーブルのタイプを選択する。
デフォルトは各データ・エントリーごとに 1 行を持つことができる複数列データ・テーブルです。
- 「表示する列」の下で、
データ・テーブルに表示したい列をチェックする。
アクセシビリティー・ラベルを変更したり、デフォルトのコントロール・タイプを
変更したりすることもできます (例えば、入力フィールドをコンボ・ボックス・フィールドに変更することができます)。
- 追加のアクセシビリティー・オプションを作成する場合は、
「オプション」をクリックする。
- 「終了」をクリックする。 このデータ・テーブルがページに追加されます。
- データ・テーブルに追加のプロパティーを設定する方法:
- データ・テーブル (dataTable) の「プロパティー」ビューで、
「ヘッダーの表示」および「フッターの表示」をチェックして、
データ・テーブルにヘッダーとフッターを追加する。
ヘッダーはデータ・テーブルの上部に、フッターはデータ・テーブルの下部に表示されます。
それぞれには、他の Faces コンポーネントのドラッグ先となるパネル・ボックス・コンポーネントがあります。
例えば、出力コンポーネントをパネル・ボックス・コンポーネントにドラッグして、
データ・テーブルに名前を付けることができます。
- データ・テーブルの「プロパティー」ビューの「表示オプション」タブでは、
テーブルに多数のレコードがある場合に、テーブルのページを参照する方法を設定できます。
例えば、「Web スタイル・ページャーの追加」をクリックすると、
データ・テーブルのフッターにページャーが作成されます。
ページャーは、該当するページにハイパーリンクを付けた一連のページ番号を表示します。
- データ・テーブルの「プロパティー」ビューの「行アクション」タブで、
テーブル上の行がクリックされた時に実行するアクションを追加したり、
あるいはテーブル内の選択された行に実行するアクションを追加することができます。
データ・テーブルの追加と構成、および関連レコード・リストについてさらに学習される場合は、次のチュートリアルに従ってください。
チュートリアル: JavaServer Faces による Web ページでの動的情報の表示。 このチュートリアルでは、新聞の案内広告欄として機能する動的 Web サイトの設計方法を学習します。この Web サイトは、JavaServer Faces
(JSF) コンポーネントおよび Service Data Objects (SDO) コンポーネントを使用する、完全な J2EE サンプル・アプリケーションです。Web アプリケーションでは JSF テクノロジーを使用して、案内広告データが保管されているデータベースにリンクする動的 Web ページを作成します。チュートリアル: JavaServer Faces による Web ページでの動的情報の表示。 このチュートリアルでは、新聞の案内広告欄として機能する動的 Web サイトの設計方法を学習します。この Web サイトは、JavaServer Faces
(JSF) コンポーネントおよび Service Data Objects (SDO) コンポーネントを使用する、完全な J2EE サンプル・アプリケーションです。Web アプリケーションでは JSF テクノロジーを使用して、案内広告データが保管されているデータベースにリンクする動的 Web ページを作成します。