参照ページの作成

詳細アイコン 詳細

  1. ダイアグラム上で、browse.jspxページのアイコンをダブルクリックして、「JSFページの作成」ダイアログを開きます。
  2. ファイル名browse.jspxを受け入れて、「XMLドキュメントの作成(*.jspx)」が選択されていることを確認します。「初期ページ・レイアウトおよびコンテンツ」で、「空白ページ」が選択されていることを確認します。次に、「OK」をクリックします。
  3. コンポーネント・パレットのADF Facesページにある「Layout」パネルで、パネル・ストレッチ・レイアウト パネル・ストレッチ・レイアウト」をドラッグして、ビジュアル・エディタのページにドロップします。
    詳細アイコン 詳細
  4. パネル・スプリッタ パネル・スプリッタ」を、直前に追加したパネル・ストレッチ・レイアウトの「center」ファセットにドラッグ・アンド・ドロップします。
  5. フロー・レイアウト・アイコン パネル・グループ・レイアウト」コンポーネントを、直前に追加したパネル・スプリッタの「first」ファセットにドラッグ・アンド・ドロップします。プロパティ・インスペクタで、「Layout」ドロップダウン・リストから「scroll」を選択します。
  6. アプリケーション・ナビゲータで、「データ・コントロール」パネルを開き、「FODFacadeLocal」 > 「queryOrdersFindAll」の順にノードを選択します。「Orders」ノードをビジュアル・エディタにドラッグし、追加したパネル・グループ・レイアウトにドロップします。
    詳細アイコン 詳細
  7. 「作成」ポップアップ・メニューから「フォーム」次の選択「ADF読取り専用フォーム」を選択します。
  8. 「フォーム・フィールドの編集」ダイアログで、「ナビゲーション・コントロールを含める」を選択し、「OK」をクリックします。
  9. 「データ・コントロール」パネルで、「Orders」ノードを開きます。「orderItemsList」ノードをドラッグし、ページの「second」ファセットにドロップします。
  10. 「作成」ポップアップ・メニューから「表」次の選択「ADF読取り専用表」を選択します。
  11. 「表の列の編集」ダイアログで、「行選択」「ソート」の両方を選択します。次に、「OK」をクリックします。
  12. browse.jspxの構造ウィンドウで、「af:panelSplitter」コンポーネントを選択します。プロパティ・インスペクタで、「向き」ドロップダウン・リストから「vertical」を選択します。
    詳細アイコン 詳細
  13. ビジュアル・エディタで、分割線を上にドラッグして、Ordersフォームの高さを縮小します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ