2024年8月17日土曜日

ServiceNow でフォーム送信後に完了ページに遷移する方法

概要
環境
完了ページの用意
ページ遷移用のクライアントスクリプトの追加
フォームにイベントを追加する
動作確認
最後に

概要

過去に独自のフォームを作成してフォームのデータを登録できるようにしました
今回は登録後に完了ページに遷移する方法を紹介します

環境

ServiceNow (2024/08/05 時点)
- Release Washington DC

完了ページの用意

何でも OK です
ポータルを作成した際に自動で作成されたものがあるのでそれでも OK です

不要なボタンなどがあれば削除しましょう
とりあえず今回はトップページに移動するボタンのみにします

ページ遷移用のクライアントスクリプトの追加

フォームのページ (Record Page(request)) に追加します

名前は何でも OK です
スクリプトの内容は以下になります

フォームのアクションが inserted なら登録完了とみなし画面を遷移します

/*
 * @param {params} params
 * @param {api} params.api
 * @param {any} params.event
 * @param {any} params.imports
 */
function handler({
    api,
    event,
    helpers,
    imports
}) {
    // フォーム情報の取得
    const name = api.data.glide_form_1.nowRecordFormBlob.formFieldValues.name.value;
    // アクションの結果が inserted になっているかチェック
    const {
        status: action
    } = event.payload;
    if (action !== 'inserted') {
        return;
    }
    // name が空じゃないなら成功とみなしページを成功ページに遷移する
    console.log("move page!!"); 
        helpers.navigate.to('order_success', {
            // 必要な場合は次のページに context.props を渡す
            // sysId: event.payload.screenParams.sys_id,
            // table: event.payload.screenParams.table
        });
}