ADF Facesレイアウト・コンポーネントの概要

ADF Faces Coreのレイアウト・コンポーネントには、ページ・レイアウト(子コンポーネントまたはメニュー・モデルを使用)を作成するためのコンポーネント、他のコンポーネントをレイアウトしたり、フォーム内の入力コンポーネントを位置合せするパネル・コンポーネント、さらに、ユーザーがコンテンツを開閉(展開/折りたたみ)したり、他のコンポーネントを選択および表示できる対話型コンポーネントが含まれています。

コンポーネント 説明
af:page

ページ全体のレイアウトに使用します。menuModelオブジェクトおよびnodeStampファセット(menu1menu2menu3およびmenuGlobalファセットではなく)を使用して、ナビゲーション用の階層メニューおよびメニュー・ボタンをレンダリングします。

詳細は、「panelPageおよびpageコンポーネントについて」および「メニュー・モデルでのページ・コンポーネントの使用」を参照してください。

af:panelBorder 子コンポーネントをコンテナの中央に連続的にレイアウトするために使用します。このコンポーネントは、ファセットを使用したその他12種類の事前定義位置(上部、下部など)もサポートします。
af:panelBox 色分けされたコンテナのページに付随情報を配置するために使用します。コンテナの色(枠線を含む)を変更するには、background属性を設定します。通常は、panelGroupなど、表示するコンテンツが含まれている単一の子コンポーネントが挿入されます。panelBoxの典型的な使用方法に関する図解と詳細は、「ADF Facesでのページ・レイアウト・コンテンツ領域について」を参照してください。
af:panelButtonBar 一連のボタンのレイアウトに使用します。panelButtonBarの典型的な使用方法は、「ADF Facesでのページ・レイアウト・コンテンツ領域について」を参照してください。
af:panelForm

inputTextselectOneChoiceselectManyShuttleおよびselectOrderShuttleを除く)などのフォーム入力コンポーネントのレイアウトに使用します。1つ以上の列で、ラベルとフィールドの適切な位置合せが行われます。ラベルは右寄せ、フィールドは左寄せになります。

panelForm内で他のコンポーネントを使用する場合は、最初にそれらのコンポーネントをpanelLabelAndMessageにラップします。

ADF以外の入力コンポーネントまたはADF Facesのシンプル入力コンポーネントをレイアウトする場合は、それらのコンポーネントをpanelLabelAndMessageにラップします。

af:panelGroup

子コンポーネントを垂直または水平方向に連続してレイアウトするために使用します。必要に応じて、隣り合った子コンポーネントのペアの間にオプションのセパレータを配置します。

水平レウアウトでは、子コンポーネントは自動的に中央に位置合せされます。垂直方向の位置合せは変更できません。垂直レイアウトでは、ブロック・レベルのDIV要素が使用されます。

af:panelHeader

ページ内のセクションの上部にラベルとオプションのアイコンを配置するために使用します。ネストすることでサブセクション・ヘッダーを作成できます。「panelPageHeaderおよびpanelHeaderコンポーネントについて」を参照してください。

メッセージ情報を表示するページ上部にも使用できます。「ADF Facesのメッセージ・ページについて」を参照してください。

af:panelHorizontal

水平レイアウトでの子コンポーネントのレイアウトに使用します。隣り合う子コンポーネントのペアの間にオプションのセパレータを使用(または未使用に)できます。子コンポーネントは水平または垂直方向で位置合せできます。たとえば、長いpanelSideBarまたはpanelBoxコンポーネントの横のコンポーネントを上部で位置合せする場合は、vAlign="top"を設定します。

af:panelLabelandMessage

ラベル、ヒントおよびインライン・メッセージを備えた1つ以上のフォーム入力コンポーネントをレイアウトするために使用します。ADF以外またはADF Facesの入力コンポーネントで使用できます。

複数の入力コンポーネントをレイアウトする場合は、それらのコンポーネントをpanelGroupにラップして希望のレイアウトにします。アクセシビリティについては、for属性を最初の入力コンポーネントのIDに設定します。

ラベルを適切に整列するためには、panelFormコンポーネント内に複数のpanelLabelAndMessageコンポーネントを配置します。

ADF Faces入力コンポーネントをレイアウトする場合は、入力コンポーネントのsimple属性をtrueに設定する必要があります。「ADF Facesシンプル入力コンポーネントのラベルおよびメッセージの表示」を参照してください。

af:panelList 参照可能な子のリストを、各子の横に黒丸付きで垂直方向に表示するために使用します。rows属性の値が指定されている場合は、リストを複数の列に分割できます。
af:panelPage

ページ全体のレイアウトに使用します。menu1menu2menu3およびmenuGlobalファセットを子コンポーネントまたはmenuModelオブジェクトと併用して、ナビゲーション用の階層メニューおよびメニュー・ボタンをレンダリングできます。

詳細は、「panelPageおよびpageコンポーネントについて」、「子でのPanelPageおよびメニュー・コンポーネントの使用」および「メニュー・モデルでのPanelPageおよびメニュー・コンポーネントの使用」を参照してください。

af:panelPageHeader ページ上部のレイアウトにのみ使用します。詳細は、「panelPageHeaderおよびpanelHeaderコンポーネントについて」を参照してください。
af:panelPartialRoot afh:bodyタグを使用できないページでの、UIComponentツリーまたはサブツリーの部分ページ・レンダリングを有効化するために使用します。「ページ内の部分ページ・レンダリング・ブロックについて」を参照してください。
af:panelSideBar

menuList付きのサイド・ナビゲーション・バーを優先子コンポーネントとしてレンダリングするために使用します(panelPagemenu3ファセットと同様)。たとえば、panelPageHeaderの後にpanelSideBarを使用できます。pageまたはpanelPageを使用してページをレイアウトしている場合は、panelSideBarを使用しないでください。

優先子コンポーネントの上にコンポーネントを挿入し、その2つを区分する線を配置するには、filterファセットを使用します。たとえば、ラベル用にoutputFormattedテキストを追加できます。

af:panelTip

ページ・レベルまたはセクション・レベルのヒントに対するコンテナをユーザーに提供するために使用します。使用する優先子コンポーネントは、goLinkoutputFormattedおよびoutputTextです。

複数の子コンポーネントを使用する場合は、panelGroupを使用して垂直または水平レイアウトを指定します。子コンポーネントの数に関係なく、panelTipでは、子の前にチェックマーク・アイコンとテキストの「ヒント」が表示されます。

af:showDetail コンポーネントのグループをユーザーが非表示または表示できる非表示/表示矢印アイコンとテキスト・リンクを作成します。「showDetail、showDetailHeaderおよびshowDetailItemコンポーネントについて」を参照してください。
af:showDetailHeader ヘッダーの下のコンテンツをユーザーが非表示または表示できる非表示/表示矢印アイコンとヘッダーを作成します。「showDetail、showDetailHeaderおよびshowDetailItemコンポーネントについて」を参照してください。
af:showDetailItem 通常は、ShowOneコンポーネント(showOneChoiceshowOneTabなど)と併用し、子コンポーネントをグループ化して表示します。「showDetail、showDetailHeaderおよびshowDetailItemコンポーネントについて」を参照してください。
af:showOneChoice showDetailItemコンポーネントで表された各項目を使用してドロップダウン・リスト・コンポーネントを作成するために使用します。このドロップダウン・リストでユーザーが1つの項目を選択すると、そのshowDetailItemコンポーネントの内容が表示されます。「ShowOneコンポーネントについて」を参照してください。
af:showOnePanel showDetailItemコンポーネントで表された一連のパネル・バーをレイアウトするために使用します。このパネルでユーザーが1つのバーを選択すると、パネル内のそのshowDetailItemの内容が表示されます。「ShowOneコンポーネントについて」を参照してください。
af:showOneRadio showDetailItemコンポーネントで表された一連のラジオ・ボタンをレイアウトするために使用します。このパネルでユーザーが1つのボタンを選択すると、そのshowDetailItemの内容が表示されます。「ShowOneコンポーネントについて」を参照してください。
af:showOneTab showDetailItemコンポーネントで表された一連の参照可能タブをレイアウトするために使用します。このパネルでユーザーが1つのタブを選択すると、そのshowDetailItemの内容が表示されます。「ShowOneコンポーネントについて」を参照してください。

ADF Faces Coreのレイアウト・コンポーネントの詳細は、oracle.adf.view.faces.component.core.layoutJavadocを参照してください。


ADF Facesでのページ・レイアウト・コンテンツ領域について
ADF Faces Coreコンポーネントおよびタグの概要

リファレンス: ADF Facesコンポーネント