ADF Facesでのページのレイアウト

このトピックでは、Webページをレイアウトする際に一般的に使用するADF Facesコンポーネントのロードマップを提供します。

ページ・レイアウトの作成

ADF Facesのページ・レイアウトおよびパネル・コンポーネントは、ページ全体のコンテンツの編成に役立ちます。

目的 使用するコンポーネント 参照先トピック
ページ全体を作成したり、コンテンツを編成する pagepanelPage panelPageおよびpageコンポーネントについて
ヘッダー付きページ・セクションおよびサブセクションを作成する panelHeadershowDetailHeader

panelPageHeaderおよびpanelHeaderコンポーネントについて

showDetail、showDetailHeaderおよびshowDetailItemコンポーネントについて

1つ以上の列のフォーム入力コンポーネントを位置合せ(ラベルは右寄せ、フィールドは左寄せ)する panelForm 1行以上のフォーム入力コントロールの位置合せ
1つ以上のシンプル入力コンポーネントまたはラベル付き非入力コンポーネントをレイアウトする panelLabelAndMessage ADF Facesシンプル入力コンポーネントのラベルおよびメッセージの表示
コンポーネントを水平方向または垂直方向に配置する panelHorizontalpanelGroup コンポーネントの水平方向または垂直方向の配置
レイアウトにセパレート行またはスペースを挿入する objectSeparatorobjectSpacer レイアウトへのスペースおよびセパレータ行の挿入
長いページのセクションにクイック・リンクを追加する pageまたはpanelPagequickLinksShown属性を設定 panelPageおよびpageコンポーネントについて
メッセージ情報のみを表示するページを作成する - ADF Facesのメッセージ・ページについて
Oracle Application Development Framework(ADF)を使用する - JSFページとADFモデル・レイヤーの統合

その他の情報については、次の各トピックを参照してください。

フォームおよび入力コントロールの使用

ユーザーと対話したり、ユーザーから情報を収集するには、フォームを使用します。通常、フォームには、入力フィールド、選択を行うためのコントロール、フォームの発行やアプリケーションの他の部分への移動を実行するボタンやリンクがあります。

目的 使用するコンポーネント 参照先トピック
1つ以上の列のフォーム入力コンポーネントを位置合せ(ラベルは右寄せ、フィールドは左寄せ)する panelForm 1行以上のフォーム入力コントロールの位置合せ
発行用のボタンとリンク、および非発行または移動用のボタンとリンクを追加する panelButtonBarcommandButtoncommandLinkgoButtongoLink ボタンおよびリンクの作成
デフォルトのフォーム発行ボタンを指定する form フォームのデフォルトの発行ボタンについて
フォーム内に独立した発行可能フォームを作成する subform ADF Facesのサブフォームについて
フォームのコンテンツをリセットする resetButton フォームのコンテンツのリセット
値を入力するための入力フォーム・フィールドを追加する

ユーザーが値を入力できる入力コンポーネント

ユーザーによる値の入力を支援するダイアログを起動するSelectInputコンポーネント

inputおよびselectInputフィールドの作成
チェックボックス、リスト・ボックス、ドロップダウン・リスト(メニュー)およびラジオ・ボタンを追加する ユーザーが選択の切替え、複数の値の選択、および単一の値の選択をそれぞれ実行できるSelectBooleanコンポーネント、SelectManyコンポーネントおよびSelectOneコンポーネント 選択リスト・コンポーネントの作成
データを参照、検索および挿入するフォーム、およびマスター/ディテール・フォームを作成(データ・コントロール・パレットを使用)する - JSFページとADFモデル・レイヤーの統合

その他の情報については、次の各トピックを参照してください。

テキスト、イメージおよびメッセージの表示

テキストやイメージを追加して、ユーザーに追加情報を提供します。

目的 使用するコンポーネント 参照先トピック
ヒントおよびメッセージを表示する panelTippanelLabelAndMessage ADF Facesでのヒントおよびメッセージの表示
手許のタスクに関連または付随した情報や説明、または補足する情報や説明を表示する

panelBoxoutputFormatted

pagepanelPageなどのinfoファクト、infoSupplementalおよびinfoFootnote

ADF Facesでのページ・レイアウト・コンテンツ領域について
スタイルまたはフォーマットを設定したテキスト、イメージ、アイコンおよび凡例を使用する outputTextoutputFormattedobjectIconobjectImageobjectLegend スタイルとフォーマットを設定したテキスト、イメージ、アイコンおよび凡例の表示
ビデオまたはオーディオ・クリップを表示する objectMedia メディアおよびメディア・プレーヤの使用
バックグラウンド・タスクの進行状況を表示する progressIndicatorpoll バックグラウンド・タスクの進行状況を表示するバーの使用

その他の情報については、次の各トピックを参照してください。

表および階層データの使用

ユーザーがデータを表示、参照および選択できるようにするには、対話型のデータ表とデータ・ツリーを使用します。

目的 使用するコンポーネント 参照先トピック
表にデータを表示する table ADF Faces Tableの作成および編集
ユーザーが表のデータをソートできるようにする 表のcolumnコンポーネントにsortable属性を設定 ADF Facesの列について
ユーザーが表でデータを選択できるようにする tableSelectManyまたはtableSelectOneコンポーネントを追加するためのtableコンポーネントのSelectionファセット ADF Faces Tableについて
大きいデータ・セットからレコードの範囲を表示し、ユーザーがセット全体を参照できるようにする

selectRangeChoiceBar

tableを使用する場合は、selectRangeChoiceBartableコンポーネントにビルトインし、ナビゲーションを制御するには、そのtablerowsおよびfirst属性を設定

ADF Faces Tableについて
表に階層データを表示する treeTable ADF Facesツリー表の作成および編集
階層データを表示する tree ADF Facesツリーの作成および編集
読取り専用の表、編集可能な表、マスター/ディテール表、および階層ツリー表(単一のルート)およびツリー(複数のルート)を作成(データ・コントロール・パレットを使用)する - JSFページとADFモデル・レイヤーの統合

複数ステップのプロセスおよび複数ページのタスクの使用

特定の順序で表示する必要がある一連のページまたはステップがある場合は、次のコンポーネントの使用を検討してください。

目的 使用するコンポーネント 参照先トピック
一連の事前定義ページでのページ間のナビゲーションを表示および許可する

processTrainprocessChoiceBar

pageまたはpanelPagelocationファセットと併用

プロセス・トレインの作成
現在のステップから次または前のステップへの移動を表示および許可する singleStepButtonBar <af:singleStepButtonBar>のタグ・リファレンス

ADF Facesコンポーネントの使用