画面表示イベント

このページでは、各画面の表示に関するイベントを紹介します。

レコード追加・コピー画面の表示前イベント

こちらのイベントは、単一レコードの画面のみではなく、編集型の一覧形式ビュー上でのレコード追加やコピー時にも発生します。

イベントタイプ

pd.create.load

eventオブジェクトのプロパティ

プロパティ名	型	説明
type	文字列	イベントタイプ
container	DOM	単一レコード画面：作業エリア下部のDIV要素 <div class="pd-kumaneko-app-body"></div> インジェクターからのイベント通知の場合は以下のMAIN要素になります。 <main class="pd-kumaneko-injector-body"></main> 編集型一覧形式ビュー画面：追加された行内のDIV要素 <div class="pd-scope"></div>
record	オブジェクト	レコードオブジェクトレコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。関連ページ：フィールド形式
copy	真偽値	コピーの場合にのみ適用され、値はtrueになります。
viewid	数値	編集型の一覧形式ビューの場合にのみ適用され、値はビューIDになります。

サンプル

((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.create.load', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

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

関連ページ：: eventオブジェクトで実行できる操作

レコード追加・コピー画面の表示完了イベント

こちらのイベントは、単一レコードの画面のみではなく、編集型の一覧形式ビュー上でのレコード追加やコピー時にも発生します。

イベントタイプ

pd.create.load.complete

eventオブジェクトのプロパティ

プロパティ名	型	説明
type	文字列	イベントタイプ
container	DOM	「pd.create.load」イベントのcontainerプロパティと同じです。
copy	真偽値	コピーの場合にのみ適用され、値はtrueになります。
viewid	数値	編集型の一覧形式ビューの場合にのみ適用され、値はビューIDになります。

サンプル

((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.create.load.complete', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトにrecordプロパティは含まれていません。

フィールドの値を取得したり、変更したりする場合は、以下を参照して下さい。

関連ページ：: 情報の取得と設定

レコード編集画面の表示前イベント

イベントタイプ

pd.edit.load

eventオブジェクトのプロパティ

プロパティ名

型

説明

type

文字列

イベントタイプ

container

DOM

作業エリア下部のDIV要素

<div class="pd-kumaneko-app-body"></div>

record

オブジェクト

レコードオブジェクト

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

関連ページ：: フィールド形式

サンプル

((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.edit.load', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

関連ページ：: eventオブジェクトで実行できる操作

レコード編集画面の表示完了イベント

イベントタイプ

pd.edit.load.complete

eventオブジェクトのプロパティ

プロパティ名	型	説明
type	文字列	イベントタイプ
container	DOM	「pd.edit.load」イベントのcontainerプロパティと同じです。

サンプル

((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.edit.load.complete', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトにrecordプロパティは含まれていません。

フィールドの値を取得したり、変更したりする場合は、以下を参照して下さい。

関連ページ：: 情報の取得と設定

リンクビューの表示完了イベント

イベントタイプ

pd.linkage.load.complete

eventオブジェクトのプロパティ

プロパティ名	型	説明
type	文字列	イベントタイプ
container	DOM	データを配置するテーブル要素 <table class="pd-view"></table>
records	配列	レコードオブジェクトの配列レコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。関連ページ：フィールド形式
aggregates	オブジェクト	数値フィールドの各種集計結果集計結果には、合計・平均・最大値・最小値が含まれます。
linkageid	数値	リンクビューID

サンプル

((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.linkage.load.complete', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

ビュー画面の表示前イベント

イベントタイプ

pd.view.load

eventオブジェクトのプロパティ

プロパティ名	型	説明
type	文字列	イベントタイプ
container	DOM	一覧形式データを配置するテーブル要素 <table class="pd-view"></table> カレンダー形式データを配置するテーブル要素 <table class="pd-kumaneko-calendar"></table> 集計形式データを配置するテーブル要素 <table class="pd-matrix"></table> クロス集計形式データを配置するテーブル要素 <table class="pd-matrix"></table> ガントチャート形式データを配置するテーブル要素 <table class="pd-matrix"></table> 時系列集計形式データを配置するテーブル要素 <table class="pd-matrix"></table> カンバン形式データを配置するDIV要素 <div class="pd-parallel"></div> 地図形式地図を配置するDIV要素 <div class="pd-kumaneko-map"></div> カスタマイズ形式作業エリア下部のDIV要素 <div class="pd-kumaneko-app-body"></div>
records	配列	レコードオブジェクトの配列レコードオブジェクトとは、フィールドコードとフィールドの値などのレコードの情報を含むオブジェクトです。関連ページ：フィールド形式
total	数値	取得したレコードの総数集計形式とクロス集計形式と時系列集計形式には、このプロパティはありません。
viewid	数値	ビューID

サンプル

((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.view.load', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

集計形式とクロス集計形式と時系列集計形式以外のビューでは、eventオブジェクトのrecordプロパティの内容を変更して返すことにより、フィールドの値を変更したり、フィールドを無効や非表示にしたりすることが出来ます。

関連ページ：: eventオブジェクトで実行できる操作

この時点では、containerプロパティに指定されているDOM要素内にレコード情報を表示するテーブル等のDOM要素は追加されていません。

DOM要素を参照したい場合は、後述する「ビュー画面の表示完了」イベントを参照して下さい。

カンバン形式のビューでは、eventオブジェクトのrecordプロパティがグループ毎に分かれていますのでご注意ください。

{
	records: [
		{
			caption: "Group1",
			width: 250,
			records: []
		},
		{
			caption: "Group2",
			width: 250,
			records: []
		},
		{
			caption: "Group3",
			width: 250,
			records: []
		}
	]
}

ビュー画面の表示完了イベント

イベントタイプ

pd.view.load.complete

eventオブジェクトのプロパティ

プロパティ名	型	説明
type	文字列	イベントタイプ
container	DOM	「pd.view.load」イベントのcontainerプロパティと同じです。
viewid	数値	ビューID

サンプル

((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.view.load.complete', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

eventオブジェクトにrecordプロパティは含まれていません。

フィールドの値を取得したり、変更したりする場合は、以下を参照して下さい。

関連ページ：: 情報の取得と設定