JSFページとビュー・オブジェクトのカスタマイズ

詳細アイコン 詳細

  1. 「ツール」 > 「プリファレンス」 > 「ロール」の順に選択 「プリファレンス」ダイアログのロール・ページを開きます「カスタマイズ開発者」を選択して「OK」をクリックします。「再起動の確認」ダイアログで、JDeveloperの再起動プロンプトに対して「はい」をクリックします。設定の移行に関するプロンプトが表示される場合は、「いいえ」をクリックします。
  2. 必要な場合は、アプリケーション・ナビゲータのドロップダウン・リストから「CustomizeApp」を選択し、カスタマイズ可能なアプリケーションを開きます。
  3. 「カスタマイズ・コンテキスト」ウィンドウで、「site」レイヤーの「値」ドロップダウン・リストから「Headquarters (headquarters)」を選択します。
    詳細アイコン 詳細
  4. アプリケーション・ナビゲータで「ViewController」プロジェクトを開きます。「Webコンテンツ」「Browse.jspx」をダブルクリックして、ページをビジュアル・エディタで開きます。
  5. 「データ・コントロール」パネルで、「FODAppModuleDataControl」「OrdersView1」の順に開きます。「OrderItemsView2」をページの「second」ファセットにドラッグ・アンド・ドロップします。「作成」ポップアップ・メニューから「表」 次の選択 「ADF読取り専用表」の順に選択します。「表の列の編集」ダイアログで、「ソート」を選択します。列「ObjectVersionId」「LastUpdateDate」「LastUpdatedBy」「CreationDate」および「CreatedBy」を選択します。次に、削除アイコン をクリックして選択した列を削除します。「OK」をクリックします。
    詳細アイコン 詳細
  6. 「カスタマイズ・コンテキスト」ウィンドウで、「値」ドロップダウン・リストから「Remote Offices (remoteoffices)」を選択します。「カスタマイズ・コンテキスト変更」ダイアログで、開いているファイルを閉じるように求めるメッセージに対して「OK」をクリックします。変更したファイルにカスタマイズ内容を保存するかどうかを確認するプロンプトに対して、「OK」をクリックしてすべてのファイルを保存します。
  7. アプリケーション・ナビゲータで「Model」プロジェクトを開きます。「アプリケーション・ソース」で、「oracle.model」を開いて「OrderItemsView」をダブルクリックします。
  8. 概要エディタで、左側の「エンティティ・オブジェクト」を選択します。「使用可能」リストで「ProductsBase」を選択します。次に、右矢印 をクリックして「選択済」リストに移動します。
  9. 左側の「属性」を選択します。「エンティティからの追加」をクリックします。「属性」ダイアログの「使用可能」リストで、「ProductsBase」の下にある「ProductName」を選択します。次に、右へ移動アイコン をクリックして「選択済」リストに移動します。「OK」をクリックし、すべて保存アイコン すべて保存」をクリックします。
    詳細アイコン 詳細
  10. 「データ・コントロール」パネルで、「FODAppModuleDataControl」を右クリックして「リフレッシュ」を選択します。
  11. アプリケーション・ナビゲータの「ViewController」プロジェクトで、「Browse.jspx」をダブルクリックし、このページをビジュアル・エディタで開きます。(site/headquartersカスタマイズ・コンテキストで追加した注文フォームの下には注文項目表が表示されません。)
  12. コンポーネント・パレットのADF Facesページの「Layout」パネルで、レイアウト・アイコン パネル・コレクション」をページの「second」ファセットにドラッグ・アンド・ドロップします。
  13. 「データ・コントロール」パネルで、「FODAppModuleDataControl」「OrdersView1」の順に開きます。「OrderItemsView2」を、直前に追加したパネル・コレクション・コンポーネントにドラッグ・アンド・ドロップします。「作成」ポップアップ・メニューから「表」 次の選択 「ADF読取り専用表」の順に選択します。「表の列の編集」ダイアログで、「ソート」を選択します。列「ProductId1」「ObjectVersionId」「LastUpdateDate」「LastUpdatedBy」「CreationDate」および「CreatedBy」を選択します。次に、削除アイコン をクリックして選択した列を削除します。「OK」をクリックします。
  14. アプリケーション・ナビゲータの「ViewController」プロジェクトで、「More.jspx」をダブルクリックし、このページをビジュアル・エディタで開きます。「構造」ウィンドウで「f:view」 > 「af:document」の順に開きます。
  15. コンポーネント・パレットの「Layout」パネルで、ヘッダー・アイコン 詳細ヘッダーの表示を「構造」ウィンドウの「af:form」にドラッグ・アンド・ドロップします。
  16. 「構造」ウィンドウで、「af:panelFormLayout」「af:showDetailHeader」にドラッグ・アンド・ドロップします(必要な場合は、移動前に「af:panelFormLayout」を閉じます)。
  17. 次に、「af:showDetailHeader」をドラッグして「af:commandButton - Return」の前に再配置します。
  18. 作業内容を保存するには、すべて保存 すべて保存」をクリックします。
    詳細アイコン IDE表示の詳細説明

キュー・カード・アイコン 次のステップ