あなたのビジネスと共に歩むサイト

with-Biz

kintoneでJava Scriptを使ってダイアログ(確認ポップアップ)を表示する

kintoneの保存前に保存チェックをしたり、保存キャンセルをしたり、ダイアログを表示することで処理の切り替えをすることが可能です。

ダイアログで他アプリの登録画面を表示したい

kotopapa
管理アプリに紐づく別アプリの登録が済んでない場合、別アプリの登録を促したい…

 

そういう場合に、ダイアログでユーザーに注意を促し、他アプリの登録画面に遷移するようなサンプルコードはこちら。

let appid = 10; //開きたいアプリのID
let res = confirm("××が未申請です。作業依頼申請を開きますか?");
if (res == true) {
    window.open(window.location.origin + "/k/" + appid + "/edit");
}

ダイアログで保存を中断したい

kotopapa
保存前に保存を中断するか、ダイアログで確認したい

 

という場合に使うサンプルコードはこちら。

ダイアログでキャンセルを押すと保存処理を中断します。

res = confirm("××が未申請です。保存を実行しますか?");
if (res === false) {
    return false;
}

上記の処理だとダイアログの「キャンセル」を押したときの処理になります。
2行目のfalseをtrueにすると、「OK」を押したときの処理になります。

ダイアログで保存内容を反映させない

kotopapa
なんだかんだレコードを編集して保存を押したけど、やっぱり無かったことにしたい!

 

というケースで使用するサンプルコードがこちら。

var res = confirm("本当にこの内容を反映させますか");
if (res === false) {
    event.error = "キャンセルしました";
    window.location.href = window.location.origin + window.location.pathname + "#record=" + event.record.$id.value; // 画面遷移
}

ここで保存ほキャンセルすると、保存をせずに詳細画面に遷移します。

ダイアログを使って保存前の分岐処理を作ると便利

このようにダイアログを使うことで、保存ボタンを押した後の処理を分岐させることができます。

ユーザーに注意を促す「エラーチェック」の用途としても活用できますね!

kintoneで見やすいのカンバン形式を無料で導入する方法

kintoneでカンバン形式のタスク管理を使う場合、有料のプラグインを使うか、無料の場合はjava scriptでコード ...

Kintoneはプラグインでこんなに良くなる!Kintoneのオススメプラグイン

ノンコーディングでアプリが作成できるフレームワーク「Kintone」。しかし、細かいカスタマイズをしようとすると、どうし ...

Kintoneで郵便番号から住所を検索する方法

過去に同様の記事を書きましたが、2020年6月でAPIの提供が終了してしまいました。 新たにzipcloudが郵便番号検 ...

WordPressの問い合わせフォームContact Form 7とkintoneを連携する方法

WordPressでHPを作成している場合、プラグインの Contact Form 7 で問い合わせフォームを作成してい ...

【kintone】ボタンクリックで別アプリの編集画面に値をコピーした状態で開く方法

タイトルだけ見ると何を言ってるか分かりませんよね…^^; Aアプリのスペースに設定したボタンからBアプリの編集画面を立ち ...

【kintone】JavaScriptを使って郵便番号から住所を作成する(コピペでOK)

kintoneの顧客管理アプリを作ってる中で、ふとこんなことを思ったのがきっかけ。 kotopapa住所入力面倒だなぁ… ...

JavaScriptを使ってkintoneの一覧画面上に全レコードを対象とした一括処理ボタンを実装したい

kintoneを使っているとよく発生する事象です。 アプリ内のレコード数が数千件あるが、この新しくフィールドを追加するこ ...

kintoneのJava Scriptで非同期処理の完了を待つ方法

kintoneのjava scriptで機能拡張していると、便利なはずの非同期処理がかえって困るケースがあります。 例え ...

kintoneでJava Scriptを使ってサブテーブルを初期化する方法

kintoneで別アプリのレコード情報をサブテーブルにまとめて取得する場合、まずはサブテーブルを初期化…。 あれ?サブテ ...

kintoneでJava Scriptを使ってダイアログ(確認ポップアップ)を表示する

kintoneの保存前に保存チェックをしたり、保存キャンセルをしたり、ダイアログを表示することで処理の切り替えをすること ...