ナビゲーション・ペイン・コンポーネントの追加およびバインド
詳細
- まだ開いていない場合は、アプリケーション・ナビゲータの
myTemplate.jspxをダブルクリックして、ビジュアル・エディタでこのファイルを開きます。必要に応じて、「設計」エディタ・タブをクリックします。
- コンポーネント・パレットのADF Facesページの「Layout」パネルで、「
ナビゲーション・ペイン」をビジュアル・エディタのパネル・ヘッダーの「menuBar」ファセットにドラッグ・アンド・ドロップします。(ページには「Facet menuBar」という名前のターゲットの四角形が表示されます。これは、ドラッグされたコンポーネントがそのターゲット内に挿入されることを意味します。)
- プロパティ・インスペクタの「共通」セクションで、「ヒント」ドロップダウン・リストから「buttons」を選択します。「レベル」フィールドに
0
を入力します。
詳細
- 「データ」セクションを開きます。「Var」フィールドに
menuInfo
と入力します。「値」フィールドの横の
ドロップダウン・メニューから「式ビルダー」を選択します。「
ADFマネージドBean」を開き、「
root_menu」を選択します。次に「OK」をクリックします。
詳細
- 「構造」ウィンドウで、「
af:navigationPane」を開いて「nodeStamp」ファセットを表示します。
- コンポーネント・パレットの「共通コンポーネント」パネルで、「
ナビゲーション・アイテム」を「nodeStamp」ファセットにドラッグ・アンド・ドロップします。
- プロパティ・インスペクタの「共通」セクションで、「テキスト」フィールドのデフォルト値を削除して
#{menuInfo.label}
と入力します。「アイコン」フィールドに#{menuInfo.icon}
と入力します。「宛先」フィールドに#{menuInfo.destination}
と入力します。「アクション」フィールドに#{menuInfo.doAction}
と入力して[Enter]を押します。
- コンポーネント・パレットの「Layout」パネルで、装飾ボックスをビジュアル・エディタの(パネル・ストレッチ・レイアウトの)「center」ファセットにドラッグ・アンド・ドロップします。
- 今追加した装飾ボックスの「top」ファセットに「
ナビゲーション・ペイン」をドラッグ・アンド・ドロップします。
- プロパティ・インスペクタの「共通」セクションで、「ヒント」ドロップダウン・リストから「tabs」を選択します。「レベル」フィールドに
1
を入力します。「データ」セクションで、「値」フィールドに#{root_menu}
と入力します。「Var」フィールドにmenuInfo
と入力し、[Enter]を押します。
- ステップ5から7を繰り返し、「ナビゲーション・アイテム」コンポーネントをナビゲーション・ペインの「nodeStamp」ファセットに挿入し、コンポーネントをメニュー・モデルにバインドします。
詳細
- コンポーネント・パレットの「Layout」パネルで、「装飾ボックス」をビジュアル・エディタのページの(最初の装飾ボックスの)「center」ファセットにドラッグ・アンド・ドロップします。
- 今追加した装飾ボックスの「top」ファセットに「
ナビゲーション・ペイン」をドラッグ・アンド・ドロップします。
- プロパティ・インスペクタの「共通」セクションで、「ヒント」ドロップダウン・リストから「tabs」を選択します。「レベル」フィールドに
2
を入力します。「データ」セクションで、「値」フィールドに#{root_menu}
と入力します。「Var」フィールドにmenuInfo
と入力し、[Enter]を押します。
- ステップ5から7を繰り返し、「ナビゲーション・アイテム」コンポーネントをナビゲーション・ペインの「nodeStamp」ファセットに挿入し、コンポーネントをメニュー・モデルにバインドします。
- 「
すべて保存」をクリックして作業内容を保存します。
IDE表示の詳細説明
次のステップ
Copyright © 1997, 2009, Oracle. All rights reserved.