機械翻訳について

ページへのマッシュアップの追加

Redwood Salesオブジェクト(標準またはカスタム)について、公開されているURLを参照するマッシュアップを含めるように詳細ページを構成できます。 マッシュアップは、Oracle Visual Builder Studioで作成します。

たとえば、ウィキペディア・ページを支払の詳細ページに追加できます。 実行時に、ユーザーが支払を表示すると、ユーザーはアクション・バーに「ウィキペディアを表示」を入力できます。 「ウィキペディアを表示」アクションを使用すると、ユーザーは支払レコードから移動せずに、関連するWikipediaページを表示できます。

詳細ページへのマッシュアップの追加

マッシュアップを追加する例を示します。 この例では、支払の詳細ページにマッシュアップを追加します。

1. Visual Builder Studioで、「アプリケーションUI」タブをクリックします。

2. cx-custom > payment_cを展開し、payment_c-detailノードをクリックします。

3. payment_c-detailタブで、ページ・デザイナ・サブタブをクリックします。

4. 「コード」ボタンをクリックします。

   

5. ページ・デザイナでページを表示していることを確認します。

   

6. パネルおよびサブビューを含む動的コンテナ・コンポーネントのコメント・タグを削除します。

   

7. サブビューの<oj-dynamic-container>タグを強調表示します。

   

8. プロパティ・ペインのケース1リージョンで、「セクションの追加」アイコンをクリックし、「新規セクション」をクリックします。

9. タイトル・フィールドに、セクションのタイトル(Wikipediaなど)を入力します。

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

11. 「OK」をクリックします。

12. テンプレートのJSONを正しいサブビュー名で手動で更新します。

    1. payment_c詳細タブで、JSONサブタブをクリックします。

    2. SubviewContainerLayoutのセクション・テンプレート・レイアウトのセクションで、サブビューのID名Wikipediaと一致するようにsectionTemplateMapおよびdisplayPropertiesの値を置き換えます。

       この例では、SubviewContainerLayoutのsectionTemplateMapおよびdisplayPropertiesは次のようになります:

       

13. 引き続き、payment_c-detailタブで、「ページ・デザイナ」タブをクリックします。

14. プロパティ・ペインで、追加したWikipediaセクションをクリックします。

    

    ページ・デザイナでは、payment_c-detailタブに引き続きテンプレート・エディタにナビゲートし、マッシュアップ・テンプレートを設計できます。

15. 「コード」ボタンをクリックします。

    

16. テンプレート・エディタで、マッシュアップ・テンプレート・タグを見つけます。

    

17. コードが次のサンプルになるように、次のパラメータをフラグメント・コードに追加します。 必要に応じて、titleおよびurlパラメータの値を必ず更新してください。

    <template id="wikipedia">
      <oj-vb-fragment bridge="[[vbBridge]]" name="oracle_cx_fragmentsUI:cx-url">
        <oj-vb-fragment-param name="dynamicLayoutContext" value="{}"></oj-vb-fragment-param>
        <oj-vb-fragment-param name="mode" value="embedded"></oj-vb-fragment-param>
        <oj-vb-fragment-param name="title" value="Wikipedia"></oj-vb-fragment-param>
        <oj-vb-fragment-param name="url" value="https://en.wikipedia.org/wiki/"></oj-vb-fragment-param>
      </oj-vb-fragment>
    </template>
    

    この表は、マッシュアップに指定できるパラメータについて説明しています:

    マッシュアップのパラメータ

    パラメータ名	説明
    title	サブビューUIに表示されるマッシュアップのタイトルを入力します。
    url	マッシュアップのURLを入力します。

18. payment_c詳細ページから動的コンテナ・コンポーネントをコメント・アウトします。

    1. 「<ページに戻る」をクリックします。

       

    2. 「コード」ボタンをクリックします。

    3. パネルとサブビューを含む動的コンテナ・コンポーネントをコメント・アウトします。

       
       ノート: サブビューをさらに追加するには、目的のサブビューごとに新しいセクションを追加できるように、まず動的コンテナ・コンポーネントのコメントを解除する必要があります。

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

    

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

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

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

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

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

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

    

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

23. アクション・バーに、Show Wikipediaと入力します。

    

24. 「ウィキペディアを表示」をクリックします。

    Wikipediaのマッシュアップ表示:

    

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

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