フィールド値変更イベント

このページでは、フィールド値の変更とテーブル行の追加や削除に関するイベントを紹介します。

フィールド値の変更イベント

イベントタイプ
pd.change.[フィールドID]
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM
テーブル外フィールド：

作業エリア下部のDIV要素

テーブル内フィールド：

フィールドが属するテーブル行

<div class="pd-scope"></div>
インジェクターのテーブル外フィールド：

MAIN要素

<main class="pd-scope"></main>
record オブジェクト

レコードオブジェクト

レコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。

関連ページ：

フィールド形式
rowindex 数値 テーブル内フィールドの場合にのみ適用され、値は行インデックスになります。
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.change.field_1_', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトのrecordプロパティの内容を変更して返すことにより、フィールドの値を変更したり、フィールドを無効や非表示にしたりすることが出来ます。

関連ページ：

eventオブジェクトで実行できる操作

テーブル行の追加前イベント

イベントタイプ
pd.row.add.[tableフィールドのフィールドID]
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

テーブル要素

<table class="pd-table"></table>
record オブジェクト

レコードオブジェクト

レコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。

関連ページ：

フィールド形式
rowindex 数値 追加予定の行インデックス
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.row.add.field_9_', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトのrecordプロパティの内容を変更して返すことにより、フィールドの値を変更したり、フィールドを無効や非表示にしたりすることが出来ます。

関連ページ：

eventオブジェクトで実行できる操作

eventオブジェクトのerrorプロパティをtrueにして返すことにより、追加がキャンセルされます。

テーブル行の複製前イベント

イベントタイプ
pd.row.copy.[tableフィールドのフィールドID]
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

テーブル要素

<table class="pd-table"></table>
record オブジェクト

レコードオブジェクト

レコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。

関連ページ：

フィールド形式
rowindex 数値 追加予定の行インデックス
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.row.copy.field_9_', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトのrecordプロパティの内容を変更して返すことにより、フィールドの値を変更したり、フィールドを無効や非表示にしたりすることが出来ます。

関連ページ：

eventオブジェクトで実行できる操作

eventオブジェクトのerrorプロパティをtrueにして返すことにより、複製がキャンセルされます。

テーブル行の削除前イベント

イベントタイプ
pd.row.del.[tableフィールドのフィールドID]
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

テーブル要素

<table class="pd-table"></table>
record オブジェクト

レコードオブジェクト

レコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。

関連ページ：

フィールド形式
rowindex 数値 削除前の行インデックス
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.row.del.field_9_', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトのerrorプロパティをtrueにして返すことにより、削除がキャンセルされます。

テーブルソート前イベント

イベントタイプ
pd.row.sort.[tableフィールドのフィールドID]
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

テーブル要素

<table class="pd-table"></table>
record オブジェクト

レコードオブジェクト

レコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。

関連ページ：

フィールド形式
fieldid 文字列 並び替えの基準となるフィールドのフィールドID
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.row.sort.field_9_', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトのerrorプロパティをtrueにして返すことにより、並び替えがキャンセルされます。

ボックスの展開後イベント

イベントタイプ
pd.box.open.[boxフィールドのフィールドID]
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

boxフィールドのDIV要素

<div class="pd-box"></div>
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.box.open.field_10_', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

ボックスの折り畳み後イベント

イベントタイプ
pd.box.close.[boxフィールドのフィールドID]
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

boxフィールドのDIV要素

<div class="pd-box"></div>
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.box.close.field_10_', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);