画面構築イベント

このページでは、各画面の構築が完了した後で発生するイベントを紹介します。

レコード追加・編集画面構築完了後イベント

イベントタイプ
pd.record.build
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
header DOM

作業エリア上部のヘッダー領域のDIV要素

<div class="pd-kumaneko-app-header-space"></div>

インジェクターからのイベント通知の場合は以下のDIV要素になります。

<div class="pd-kumaneko-injector-header-space"></div>
body DOM

作業エリア下部のDIV要素

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

インジェクターからのイベント通知の場合は以下のMAIN要素になります。

<main class="pd-kumaneko-injector-body"></main>
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.record.build', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

ビュー画面構築完了後イベント

イベントタイプ
pd.view.build
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
header DOM

作業エリア上部のヘッダー領域のDIV要素

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

作業エリア下部のDIV要素

<div class="pd-kumaneko-app-body"></div>
viewid 数値 ビューID
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on(APP_ID, 'pd.view.build', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

ダッシュボード画面構築完了後イベント

イベントタイプ
pd.dashboard.build
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
space DOM

作業エリア上部のDIV要素

<div class="pd-kumaneko-section"></div>
サンプル
((APP_ID) => {
	"use strict";
	pd.event.on('0', 'pd.dashboard.build', (event) => {
		console.log(event);
		return event;
	});
})(pd.APP_ID);

イベント登録関数の第1引数は「0」固定ですので、ご注意下さい。