ブレッドクラム・コンポーネントの追加およびバインド

詳細アイコン 詳細

  1. まだ開いていない場合は、アプリケーション・ナビゲータのフェース・ページ・アイコン myTemplate.jspxをダブルクリックして、ビジュアル・エディタでこのファイルを開きます。必要に応じて、「設計」エディタ・タブをクリックします。
  2. コンポーネント・パレットのADF Facesページの「Layout」パネルで、装飾ボックスをビジュアル・エディタのページの(2番目の装飾ボックスの)「center」ファセットにドラッグ・アンド・ドロップします。
  3. コンポーネント・パレットの「共通コンポーネント」パネルで、メニュー・パス・アイコン ブレッド・クラム」を、直前に追加した装飾ボックスの「top」ファセットにドラッグ・アンド・ドロップします。
  4. プロパティ・インスペクタで、「データ」セクションを開き、「値」フィールドに#{root_menu}と入力します。「Var」フィールドにmenuInfoと入力します。
    詳細アイコン 詳細
  5. 「構造」ウィンドウで、メニュー・パス・アイコン af:breadcrumbs」を開いて「nodeStamp」ファセットを表示します。
  6. コンポーネント・パレットの「共通コンポーネント」パネルで、ナビゲーション・アイコン ナビゲーション・アイテム」「nodeStamp」ファセットにドラッグ・アンド・ドロップします。
  7. プロパティ・インスペクタの「共通」セクションで、「テキスト」フィールドのデフォルト値を削除して#{menuInfo.label}と入力します。「アイコン」フィールドに#{menuInfo.icon}と入力します。「宛先」フィールドに#{menuInfo.destination}と入力します。「アクション」フィールドに#{menuInfo.doAction}と入力して[Enter]を押します。
  8. すべて保存」アイコン すべて保存」をクリックして作業内容を保存します。
    詳細アイコン IDE表示の詳細説明

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