機械翻訳について

関連オブジェクトの追加レイアウトの構成(多対多)

この例では、Paymentオブジェクトと標準オブジェクトContactとの多対多関係があります。 支払詳細ページから、ユーザーは担当者ピッカーを使用して支払に担当者を追加できます。 このトピックでは、担当者ピッカーの構成方法について説明します。

シナリオとは何ですか。

支払に担当者を追加するには、ユーザーはアクション・バーから担当者の追加スマート・アクションを選択します。 「担当者の追加」スマート・アクションは、担当者ピッカーを含む「担当者の追加」ページを起動します。 ユーザーは、担当者ピッカーから担当者を選択して支払に追加します。 担当者ピッカーを構成します。

設定の概要

担当者ピッカーを構成および表示するには、次の操作を実行する必要があります:

1. 担当者の追加スマート処理を作成します。

   「スマート処理の作成」を参照してください。

2. 「担当者の追加」ページ・レイアウトを構成します。

   ページ・レイアウトには、ユーザーが必要な担当者を選択できるように、「担当者名」フィールドが含まれています。

   「担当者の追加レイアウトの構成」を参照してください。

3. 担当者ピッカーを構成します。

   1. まず、担当者ピッカー・フィールド・テンプレートを作成します。

      このテンプレートは、「担当者名」フィールドをピッカー・フラグメントに関連付けます。

   2. 次に、担当者ピッカー・レイアウトを作成します。

      ピッカー・レイアウトによって、担当者ピッカーに含まれるフィールドが決まります。

   「担当者ピッカーの構成」を参照してください。

担当者の追加レイアウトの構成

担当者の追加レイアウトを構成するには:

1. 「レイアウト」タブをクリックし、PaymentContactMMInter_Src_Payment_cToPaymentContactMMInter_c_Tgt > 「ルール・セット」サブタブをクリックします。

2. 「+ルール・セット」をクリックして、レイアウトの新しいルール・セットを作成します。

   1. 「ルール・セット」の作成ダイアログのコンポーネント・フィールドで、「動的フォーム」を選択します。

   2. ラベル・フィールドに、AddLayoutと入力します。

   3. IDフィールドで、値をAddLayoutに変更します。

   4. 「作成」をクリックします。

3. レイアウトに表示する必須フィールドを追加します。

   1. 「デフォルト」レイアウトの横にある開くアイコンをクリックします。

   2. 「表示するフィールドの選択」をクリックします。

   3. Person_Id_Tgt_PersonToPaymentContactMMInter_cをクリックします。

      

次に、担当者ピッカー・フィールド・テンプレートを作成します。

担当者ピッカーの構成

担当者を追加レイアウトの構成中に、担当者ピッカー・フィールド・テンプレートを構成できます。

1. AddLayoutルール・セットで作成したレイアウトを確認するときは、Person_Id_Tgt_PersonToPaymentContactMMInter_cフィールドが引き続き選択されていることを確認します。

   

2. プロパティ・ペインのテンプレート・フィールドで、「作成」をクリックします。

   

3. 「テンプレートの作成」ダイアログのラベル・フィールドに、contactPickerと入力します。

4. 「作成」をクリックします。

   テンプレート・エディタが表示されます。

5. テンプレート・エディタで、Code(コード)ボタンをクリックします。

6. テンプレート・エディタで、contactPickerテンプレート・タグの間のプレースホルダー・コードを削除します。

7. コンポーネント・パレットのフィルタ・フィールドに、cx-pickerと入力します。

8. cx-pickerフラグメントをテンプレート・エディタのcontactPickerテンプレート・タグの間にドラッグ・アンド・ドロップします。

   

9. コードが次のサンプルになるように、次のパラメータをフラグメント・コードに追加します。 contactsおよびContactNameは、オブジェクトのREST API名およびフィールド名の適切な値に置き換えてください。

   また、必要に応じて、次のextensionIdパラメータを拡張IDで更新します。

   <template id="contactPicker">
     <oj-vb-fragment bridge="[[vbBridge]]" name="oracle_cx_fragmentsUI:cx-picker">
       <oj-vb-fragment-param name="dynamicLayoutContext" value="[[ $dynamicLayoutContext ]]"></oj-vb-fragment-param>
       <oj-vb-fragment-param name="resource"
         value='[[ {"name": "contacts", "displayField": "ContactName", "endpoint": "cx-custom" } ]]'></oj-vb-fragment-param>
       <oj-vb-fragment-param name="extensionId" value="{{ $application.constants.extensionId }}"></oj-vb-fragment-param> 
       </oj-vb-fragment>
   </template>

次に、ピッカー自体のレイアウトを構成します。

1. レイアウト・タブをクリックし、レイアウトの作成アイコンをクリックします。

   

2. 「レイアウトの作成」ダイアログで、関連オブジェクトのRESTリソースをクリックします。

   この例では、cx-customを展開し、「担当者」をクリックします。

3. 「作成」をクリックします。

4. 担当者タブで、「+ルール・セット」をクリックして、レイアウトの新しいルール・セットを作成します。

   1. 「ルール・セット」の作成ダイアログのコンポーネント・フィールドで、「動的表」を選択します。

   2. ラベル・フィールドに、PickerLayoutと入力します。

   3. IDフィールドで、値をPickerLayoutに変更します。

   4. 「作成」をクリックします。

5. ピッカーに表示するフィールドを追加します。

   1. 「デフォルト」レイアウトの横にある開くアイコンをクリックします。

   2. フィールドのリストから、ピッカーに表示するフィールドを選択します。 フィールドは、クリックした順序で列として表示されますが、並べ替えることができます。

      

担当者の追加フローのテスト

payment_cリスト・ページからアプリケーション拡張をプレビューして、担当者の追加フローをテストします。

1. payment_c-listページで、プレビュー・ボタンをクリックして、ランタイム・テスト環境の変更を表示します。

   

2. 結果のプレビュー・リンクは次のようになります:

   https://<servername>/fscmUI/redwood/cx-custom/payment_c/payment_c-list

3. プレビュー・リンクを次のように変更します:

   https://<servername>/fscmUI/redwood/cx-custom/application/container/payment_c/payment_c-list

   ノート: プレビュー・リンクに/application/containerを追加する必要があります。

   次のスクリーンショットは、データを使用したリスト・ページの外観を示しています。

   

4. データが存在する場合は、リスト・ページの任意のレコードをクリックして詳細ページにドリルダウンできます。 ヘッダー・リージョンおよびパネルを含む詳細ページが表示されます。

   

5. アクション・バーで、担当者を追加アクションを選択します。

   

   「担当者の追加」ページが表示されます。

   「個人ID」フィールドで、レコードのサブセットを検索する保存済検索を選択します。

   

   次に、「個人ID」フィールドに、検索する担当者名を入力し、支払レコードに追加する担当者を選択します。

   

   担当者を追加した後、担当者サブビューに移動して、担当者が追加されたことを確認できます。

6. Push Gitコマンドを使用して作業内容を保存します。

   Gitタブに移動し、変更内容を確認し、Gitプッシュを実行します(これはコミットとGitリポジトリへのプッシュの両方を行います)。