ポップアップ・ウィンドウの追加
詳細
- エディタ・ウィンドウで、「browseOrders.jsff」タブをクリックし、ページを前面に表示します(表示されていない場合)。
- 「構造」ウィンドウで、
browseOrders.jsff
のコンポーネント階層が表示されることを確認します。
- コンポーネント・パレットのADF Facesページにある「共通コンポーネント」パネルで、「
ポップアップ」をドラッグして、「構造」ウィンドウの「jsp:root」にドロップします(ビジュアル・エディタでは、設計コンテナ内にポップアップ・コンポーネントが表示されます)。
- プロパティ・インスペクタの「共通」セクションで、「ID」に
searchPopup
と入力します。
- コンポーネント・パレットの「Layout」パネルで、「
パネル・ウィンドウ」をドラッグして、追加したポップアップ・コンポーネント上にドロップします。
- プロパティ・インスペクタの「共通」セクションで、「modal」プロパティ・ドロップダウン・リストから「true」を選択します。
- 構造ウィンドウで、「af:panelGroupLayout」の下の「af:panelHeader」を開きます。次に、「af:query」コンポーネントを「af:popup」の下の「af:panelWindow」にドラッグします。
詳細
- 「af:query」のプロパティ・インスペクタで「外観」を開き、「ModeButtonPosition」ドロップダウン・リストから「footer」を選択します。
- ビジュアル・エディタで、ポップアップ・コンポーネントの外側の任意の場所をクリックし、メイン・ページの編集に戻ります。
- コンポーネント・パレットの「共通コンポーネント」で、「
ボタン」をドラッグして、「New Order」ボタンの横にあるフォームにドロップします(すべてのボタンのまわりを囲む「パネル・グループ・レイアウト - 水平方向」という名前のターゲットの四角形が表示されます)。
- プロパティ・インスペクタの「共通」セクションで、「Text」プロパティを
Search
に変更し、[Enter]を押します。
- コンポーネント・パレットで、「Operations」パネルを開きます。「
ShowPopupBehavior」をドラッグして、新規の「Search」ボタンにドロップします。
- プロパティ・インスペクタで、「PopupId」フィールドに
searchPopup
と入力し、[Enter]を押します。
- エディタ・ウィンドウで、「adfc-config.xml」タブをクリックし、ダイアグラムを前面に表示します。「orderMain」ページ・アイコンを右クリックし、「実行」を選択します。
IDE表示の詳細説明
次のステップ
Copyright © 1997, 2009, Oracle. All rights reserved.