kintoneで削除・保存時に確認ダイアログを表示する方法（無料）

こんな方におすすめ

• レコードの保存・削除の前に、独自の文言で確認ダイアログを出したい
• 「kintone 確認ダイアログ」「kintone 削除 確認」を探している
• プロセス管理のアクション実行(承認・却下等)前にも確認を挟みたい
• OK/キャンセルボタンのテキストを業務に合わせて変えたい
• キャンセルを選んだら、保存や削除を確実に中止したい

kintone標準機能ではどこまでできるか

kintoneの標準機能には、レコードの保存・削除の前に独自の確認ダイアログを表示する機能はありません。 削除操作には標準の確認ポップアップが出ますが、文言は固定で変更できず、保存操作には確認自体が ありません。JavaScriptカスタマイズを自作すればkintone.showConfirmDialog()で実現 できますが、保存・削除・プロセス管理アクションそれぞれのイベントでキャンセル処理を正しく実装し、 PC・モバイル両対応するのは簡単な作業ではありません。

JavaScript自作・他社プラグインとの比較、なぜGovAppsプラグインか

「保存・削除前に確認ダイアログを表示する」機能を用意する方法は、大きく4つあります。それぞれの 向き不向きをまとめました。

GovAppsのプラグインはすべて無料・広告なしで、追加課金なしで使い続けられます。 ソースコードはGitHubで全公開しているオープンソースなので、 「本当に外部と通信していないか」を自治体・企業のセキュリティ担当者自身の目で確認できます (このプラグインも個別ページにセキュリティレビュー結果を掲載しています)。

モーダル確認プラグインでの実現方法

モーダル確認プラグインは、対象イベントとダイアログの 文言を設定するだけです。今回は「案件名」を持つアプリで、レコード編集の保存時に確認ダイアログを 表示するよう設定しました。

1. ルールを追加し、対象イベントを選ぶ
   対象イベントに「レコード編集の保存」を選びました(他に「レコード追加の保存」「レコード一覧 からの削除」「プロセス管理のアクション実行」から選べます)。
2. タイトル・本文・ボタンの文言を入力する
   タイトルに「保存確認」、本文に「この内容で保存してよろしいですか?」、OKボタンに 「保存する」、キャンセルボタンに「やめる」と入力しました。
3. 保存し、アプリを更新する
   保存しただけではプレビュー状態のため、必ず「アプリを更新」まで行います。

実行結果: 保存ボタンを押すとカスタム文言のダイアログが出る

レコード編集画面で「保存」ボタンを押すと、設定した文言そのままの確認ダイアログが 表示されます。「やめる」を押すとレコードは保存されず、そのまま編集画面に留まります。

もう一度保存ボタンを押し、今度は「保存する」を選ぶと、通常どおりレコードが保存されます。 実際に検証した際も、「やめる」を選んだ回はレコードのリビジョンが変わらず(保存されず)、 「保存する」を選んだ回だけリビジョンが進み、保存が実行されたことを確認できました。

あわせて確認したいポイント

• 対象イベントは「レコード追加の保存」「レコード編集の保存」「レコード一覧からの削除」「プロセス管理のアクション実行」の4種類です。「レコード一覧からの削除」のみモバイル版のイベント自体が存在しないため、PC専用です。
• 「プロセス管理のアクション実行」を対象にした場合、本文に{action}(実行したアクション名)・{nextStatus}(変更後のステータス名)というプレースホルダーを埋め込めます。
• 同じ対象イベントに複数のルールを設定した場合、設定順で最初のルールのみが使われます。
• PCではkintone.showConfirmDialog()、モバイルではkintone.mobile.showConfirmBottomSheet()を使っており、外部サーバーへの通信は一切行いません(プラグイン個別ページのセキュリティレビューサマリ参照)。

対応するプラグイン

あわせて見たい記事・解決策ページ

あわせて検討したいkintone関連サービス

by 合同会社Pons kintoneオフィシャルパートナー