JSFページ・テンプレートの完了

詳細アイコン 詳細

  1. まだ開いていない場合は、アプリケーション・ナビゲータのフェース・ページ・アイコン myTemplate.jspxをダブルクリックして、ビジュアル・エディタでこのファイルを開きます。必要に応じて、「設計」エディタ・タブをクリックします。
  2. コンポーネント・パレットのADF Facesページの「Layout」パネルで、ペイン分割アイコン パネル・スプリッタ」をビジュアル・エディタのページの(3番目の装飾ボックスの)「center」ファセットにドラッグ・アンド・ドロップします。
  3. ナビゲーション・バー・アイコン ナビゲーション・ペイン」を、直前に追加したパネル・スプリッタの「first」ファセットにドラッグ・アンド・ドロップします。
  4. プロパティ・インスペクタの「共通」セクションで、「ヒント」ドロップダウン・リストから「list」を選択します。「レベル」フィールドに3を入力します。「データ」セクションで、「値」フィールドに#{root_menu}と入力します。「Var」フィールドにmenuInfoと入力します。
  5. 「構造」ウィンドウで、ナビゲーション・アイコン af:navigationPane」を開いて「nodeStamp」ファセットを表示します。コンポーネント・パレットの「共通コンポーネント」パネルで、ナビゲーション・アイコン ナビゲーション・アイテム」「nodeStamp」ファセットにドラッグ・アンド・ドロップします。
  6. プロパティ・インスペクタの「共通」セクションで、「テキスト」フィールドのデフォルト値を削除して#{menuInfo.label}と入力します。「アイコン」フィールドに#{menuInfo.icon}と入力します。「宛先」フィールドに#{menuInfo.destination}と入力します。「アクション」フィールドに#{menuInfo.doAction}と入力して[Enter]を押します。
  7. コンポーネント・パレットの「共通コンポーネント」パネルで、ファセット・アイコン ファセット参照」を、ページのパネル・スプリッタの「second」ファセットにドラッグ・アンド・ドロップします。
  8. 「ファセット参照の挿入」ダイアログで、ドロップダウン・リストから「body」を選択します。「OK」をクリックします。
  9. 必要に応じて、提供されているサンプル・コードを使用して、各自のページ・テンプレート定義を検証します。
    コード・サンプル・アイコン サンプル・コードを使用
  10. すべて保存」アイコン すべて保存」をクリックして作業内容を保存します。
    詳細アイコン IDE表示の詳細説明

キュー・カード・アイコン 次のステップ