$p.events.after_send

概要¶

サーバへデータを送信した後に実行するメソッドの指定方法を説明します。

制限事項¶

1. 複数のスクリプトを作成し各スクリプトの内容に本関数を記述すると、スクリプトが上書きされるため、最新のもの以外は動作しません。回避策は以下FAQを参照してください。

   • FAQ：$p.events.on_editor_loadを複数設定できるようにしたい

使い方¶

1
2
3

$p.events.after_send = function (args) {
    // 処理内容
}

イベントを発生させるボタンのdata-action属性の値を明示的に記述したい場合は取得してください。

1
2
3

$p.events.after_send_{data-action属性の値} = function (args) {
    // 処理内容
}

サンプルコード¶

1. 「テーブルの管理」画面の「エディタ」タブを開き、「数値A」項目を追加してください。
2. テーブルを更新してください。

3. 「テーブルの管理」画面の「スクリプト」タブへ、以下のサンプルコードを設定してください。

   以下のサンプルコードでは、data-action属性の値であるUpdateを明示的に記載してます。

   JavaScript
   1 2 3 4	$p.events.after_send_Update = function (args) { // サーバへデータを送信した直後に実行される（この時点で更新は送信済み） console.log('数値A（' + $p.getControl('NumA').val() + '）をサーバへ送信しました。'); };

   after_send はサーバへ送信した後に実行されるため、false を返しても更新は止まりません。条件によって送信を止めたい場合は、$p.events.before_sendで false を返します。

4. 「出力先」を「編集」に設定してください。

5. テーブルを更新してください。
6. 編集画面を開き、数値Aに値を入力して「更新」ボタンを押すと、データを送信した直後に、ブラウザの開発者ツールのコンソールへ「数値A（入力した値）をサーバへ送信しました。」と出力されます。

関連情報¶

FAQ：$p.events.on_editor_loadを複数設定できるようにしたい