サービス・センター拡張フレームワークを使用して、サービス・センターのユーザー・エクスペリエンスを拡張します。
管理者は、cxSvcNavigationイベントを使用して、サービス・センター・アプリケーション全体でナビゲーション・イベントをリスニングし、アクションを使用して「サービス・コンソール」タブへのナビゲーションを有効にできます。
アクションは次のとおりです。
- 「Open Service Console」タブおよび「Close Service Console」タブのアクションは、カスタム・ページ・ナビゲーションに使用されます。
- 「Open Page Inline」および「Close Page Inline」アクションを使用すると、カスタム・セカンダリ・タブ・ナビゲーションが可能になります。
- 「サービス・コンソール・タブ・プロパティの設定」処理を使用して、タブ・ラベル、アイコンおよびその他の属性を更新できます。
次に、実装方法の例を示します。
- Visual Builder Studioで、カスタマ・エクスペリエンス(CX)グループ内の「サービス」に移動します。
- サービス・アプリケーションを開き、「イベント・リスナー」タブをクリックします。
- 新しい
cxSvcNavigationリスナーを作成し、「アクションの作成」チェーンをクリックします。
if条件を追加し、次のいずれかのペイロード属性を使用してテストします。
- application: 文字列
- navigationType: 文字列
- flow: 文字列
- page: 文字列
- pageParams: オブジェクト
- engagementData: オブジェクト
- extraAttributes: オブジェクト
- sourcePageInfo: オブジェクト
- アクション・パレットから、「CX Service: オープン・サービス・コンソール・タブ」を検索し、「アクション・チェーン」に追加します。
- 詳細ページに直接ナビゲートするプロパティを定義します:
- アプリケーション: service
- フロー: sr
- ページ: edit
- ページ入力パラメータ: { srNumber: event.pageParams.srNumber, view: 'detail' }
- タブ・ラベル: {{ event.pageParams.Title }}
- JET CSSアイコン・クラス: oj-ux-ico-accessor-more
ノート:標準の動作を回避するには、stopPropagationプロパティをTrueに設定します。
意図しないかぎり、アクションがすべてのページで起動されないように、ターゲットとなる条件があることを確認してください。 前述の例で、カスタム・ナビゲーションをService Centerホーム・ページでのみ実行する場合は、次の文を作成します。
if (event.sourcePageInfo.page === "service-home" && event.application === "service" && event.page === "edit")