ポップアップ・ウィンドウの追加

詳細アイコン 詳細

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