データ・コントロール・パレットを使用したマスター/ディテールJSFページのレイアウト

デモ・アイコン デモ           詳細アイコン 詳細

  1. エディタ・ウィンドウで、マスターJSFページ(この例に従って作業する場合は「depts.jsp」)のタブを選択します。
  2. データ・コントロール・パレットで、以前に作成したデータ・コントロール・ノードを開き、「機能アイコン  findAllDepartments()矢印アイコン要素アイコン  Departments」コントロールの順に選択し、そのコントロールをJSFページにドラッグします。
    詳細アイコン 詳細
  3. 表示されたポップアップ・メニューで、「フォーム」矢印アイコン 「ADF読取り専用フォーム」の順に選択します。
    詳細アイコン 詳細
  4. 「フォーム・フィールドの編集」ダイアログで、「ナビゲーション・コントロールを含める」および「送信ボタンを含める」を選択し、「OK」をクリックします。
  5. 情報ボックスが表示された場合は、「OK」をクリックしてボックスを閉じます。
  6. ページ上の「送信」ボタンを選択します。プロパティ・インスペクタで、ボタンの機能を反映するように「Text」属性の値を変更します(例: Show Employees)。「Action」属性については、ドロップダウン・メニューを使用して、マスター・ページからディテール・ページへのナビゲーション・ケース用に以前に定義した結果(例: goDetail)を選択します。
  7. エディタ・ウィンドウで、ディテールJSFページ(例: listEmps.jsp)のタブを選択します。
  8. データ・コントロール・パレットで、「機能アイコン  findAllDepartments()矢印アイコン要素アイコン  Departments矢印アイコン行セット・アイコン  departmentCollection」コントロールの順に選択し、コントロールをJSFページにドラッグし、ポップアップ・メニューから、「表」矢印アイコン 「ADF読取り専用表」の順に選択します。
  9. 「表の列の編集」ダイアログで、表示する列の順序を調整し、表示しない列を削除します。次に、「OK」をクリックします。
  10. JSFページで、表を囲んでいる四角形の外側を右クリックし、「表の後ろに挿入」矢印アイコン 「ADF Faces Core」の順に選択します。
  11. 「ADF Faces Core項目の挿入」ダイアログで、CommandButtonを選択し、「OK」をクリックします。
  12. 追加したコマンド・ボタンが選択されている状態で、プロパティ・インスペクタで、ボタンの機能を反映するように「Text」属性の値を変更します(例: Return to Departments)。「Action」属性については、ドロップダウン・メニューを使用して、ディテール・ページからマスター・ページへのナビゲーション・ケース用に以前に定義した結果(例: goMaster)を選択します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ