障害・更新情報 English Chinese

kintone plugin series

画面表示イベント

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


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

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

MAIN要素

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

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

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

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

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

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

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

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

MAIN要素

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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