スマート・アクションを使用してダイアログ・ボックスを開くにはどうすればよいですか。

スマート・アクションを使用してダイアログ・ボックスを開き、カスタム・フィールドの更新や子オブジェクトの表示、外部データなどの様々なユース・ケースに対処できます。ここでは、カスタム・スマート・アクションを使用してワークフローと統合するダイアログを開くステップについて説明します。

アプリケーション・コンポーザの構成ステップ

アプリケーション・コンポーザで、次の手順を実行します:

「アプリケーション・コンポーザ共通設定」リストで、「スマートなアクション」を選択します。
「スマート・アクション」作業領域で、「作成」をクリックします。
「UIベースのアクション」を選択し、「続行」をクリックします。
次の情報を入力します。
- 名前: 任意の名前を入力します。この例では、「ダイアログ」を使用します。
- オブジェクト: ドロップダウン・リストからサービス・リクエストを選択します。
- 処理ID: このフィールドは自動的に入力されます。
「続行」をクリックします。
可用性ワークスペースで、次の手順を実行します:
- アプリケーション: フィールド内をクリックし、サービス・センターを選択します。
- UI可用性: フィールド内をクリックし、適切なUI可用性を選択します。
- ロール: フィールド内をクリックし、このダイアログに対して有効にするロールを選択します。
- 必要な条件を追加します。
「続行」をクリックします。
「アクションの詳細」ワークスペースで、次の手順を実行します:
- ナビゲーション・タイプ: ローカルを選択します。
「確認メッセージ」で、フィールドを空白のままにして「続行」をクリックし、「送信」をクリックしてスマート・アクションを作成します。

Visual Builderの構成ステップ

Oracle CX Service UI拡張アプリケーションがインストールされた状態でVisual Builder Studioを開きます。
service > ec > sr > editに移動します。
「構造」パネルから「サブビュー・コンテナ・レイアウト」コンポーネントを選択します。
プロパティ・パネルで、ケースを作成します。
条件は必要ありません。
新しいセクションを作成し、新しいセクションにドリルダウンします。
コンポーネント・パレットから、「ダイアログ」を検索し、コンポーネントを「構造」パネルにドラッグします。
1. 必要に応じてダイアログを設計します。
2. 次のステップで必要になるように、「ダイアログID」をコピーします。
「編集」ページで、「イベント・リスナー」に移動し、beforeInvokeSmartActionEventへの新しいリスナーを作成します。
「入力パラメータ」が正しくマップされていることを確認します。
作成した処理チェーンにドリルダウンします。
次の条件でIfアクションを追加: event.detail.smartAction === <your action ID>
コード・ビューに移動し、ダイアログが開き、stopPropagationが続きます。

アクションは次の例のようになります:

async run(context, { previous, event }) {

const { $page, $flow, $application, $base, $extension } = context;

if(event.detail.smartAction === 'CUST-MyDialog-serviceRequests'){

document.getElementById('oj-dialog-485071903-1').open();

return {stopPropagation: true};

}

return previous;

}