障害・更新情報 English Chinese

kintone plugin series

画面表示イベント

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


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

対象プラグイン
イベントタイプ
bst.create.load
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

MAIN要素

<main class="bst-injector-body"></main>
record オブジェクト

レコードオブジェクト
サンプル
(() => {
	"use strict";
	bst.event.on('bst.create.load', (event) => {
		console.log(event);
		return event;
	});
})();

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

対象プラグイン
イベントタイプ
bst.create.load.complete
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

「bst.create.load」イベントのcontainerプロパティと同じです。
サンプル
(() => {
	"use strict";
	bst.event.on('bst.create.load.complete', (event) => {
		console.log(event);
		return event;
	});
})();

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

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

対象プラグイン
イベントタイプ
bst.edit.load
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

MAIN要素

<main class="bst-injector-body"></main>
record オブジェクト

レコードオブジェクト
サンプル
(() => {
	"use strict";
	bst.event.on('bst.edit.load', (event) => {
		console.log(event);
		return event;
	});
})();

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

対象プラグイン
イベントタイプ
bst.edit.load.complete
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

「bst.edit.load」イベントのcontainerプロパティと同じです。
サンプル
(() => {
	"use strict";
	bst.event.on('bst.edit.load.complete', (event) => {
		console.log(event);
		return event;
	});
})();

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

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

対象プラグイン
イベントタイプ
bst.view.load
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM
一覧形式

データを配置するテーブル要素

<table class="bst-view"></table>
カレンダー形式

データを配置するテーブル要素

<table class="bst-calendar"></table>
records 配列

レコードオブジェクトの配列
totalCount 数値

取得したレコードの総数
サンプル
(() => {
	"use strict";
	bst.event.on('bst.view.load', (event) => {
		console.log(event);
		return event;
	});
})();

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

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

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

対象プラグイン
イベントタイプ
bst.view.load.complete
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

「bst.view.load」イベントのcontainerプロパティと同じです。
サンプル
(() => {
	"use strict";
	bst.event.on('bst.view.load.complete', (event) => {
		console.log(event);
		return event;
	});
})();

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

ガントチャート画面の各グループの対象レコード抽出完了イベント

対象プラグイン
イベントタイプ
bst.groupgantt.group.load
eventオブジェクトのプロパティ
プロパティ名 型 説明
type 文字列 イベントタイプ
container DOM

TR要素

<tr class="bst-gantt-row"></tr>
records 配列

レコードオブジェクトの配列
サンプル
(() => {
	"use strict";
	bst.event.on('bst.groupgantt.group.load', (event) => {
		console.log(event);
		return event;
	});
})();

この時点では、containerプロパティに指定されているDOM要素内にタスクのDOM要素は追加されていません。