ご参考
カスタマイズするときに、
どのイベントが発生して、
どこでカスタマイズ可能になるタイミングが
発生しているのか、いないのか
わかりづらい、試すのが面倒というのがあるとおもいます。
以下のJavaScriptを入れておけば、参照している
kintoneレコードと一致したイベントをconsole欄で
確認できて便利かなと思いました。
(() => {
"use strict";
kv.events.view.created = [(state) => {
console.log("kv.events.view.created");
console.log("発生タイミング：ビューのDOMを作成する前")
return state;
}];
kv.events.view.mounted = [(state) => {
console.log("kv.events.view.mounted");
console.log("発生タイミング：ビューのDOMが作成された後")
return state;
}];
kv.events.view.index.created = [(state) => {
console.log("kv.events.view.index.created");
console.log("発生タイミング：レコード一覧ページでのメインコンテンツのDOMを作成する前")
return state;
}];
kv.events.view.index.mounted = [(state) => {
console.log("kv.events.view.index.mounted ");
console.log("発生タイミング：レコード一覧ページでのメインコンテンツのDOMを作成された後")
return state;
}];
kv.events.view.detail.created = [(state) => {
console.log("kv.events.view.detail.created");
console.log("発生タイミング：レコード詳細ページでのメインコンテンツのDOMを作成する前")
return state;
}];
kv.events.view.detail.mounted = [(state) => {
console.log("kv.events.view.detail.mounted");
console.log("発生タイミング：レコード詳細ページでのメインコンテンツのDOMを作成された後")
return state;
}];
kv.events.records.fetched = [(state, response) => {
console.log("kv.events.records.fetched");
console.log("追加引数 response: レスポンス内容")
console.log(response)
console.log("発生タイミング：kViewer経由でkintoneからレコード一覧を取得するAPIが正常終了した時")
return state;
}];
kv.events.records.error = [(state, error) => {
console.log("kv.events.records.error");
console.log("追加引数 error: エラー内容")
console.log(error)
console.log("発生タイミング：kViewer経由でkintoneからレコード一覧を取得するAPIが正常終了した時")
return state;
}];
kv.events.records.mounted = [(state) => {
console.log("kv.events.records.mounted");
console.log("発生タイミング：レコード一覧のDOMが作成された後")
return state;
}];
kv.events.record.fetched = [(state) => {
console.log("kv.events.record.fetched");
console.log("追加引数 response: レスポンス内容")
console.log(response)
console.log("発生タイミング：kViewer経由でkintoneからレコード1件を取得するAPIが正常終了した時")
return state;
}];
kv.events.record.error = [(state, error) => {
console.log("kv.events.record.error");
console.log("追加引数 error: エラー内容")
console.log(error)
console.log("発生タイミング：kViewer経由でkintoneからレコード1件を取得するAPIでエラーが発生した時")
return state;
}];
kv.events.record.mounted = [(state) => {
console.log("kv.events.record.mounted");
console.log("発生タイミング：レコード詳細のDOMが作成された後")
return state;
}];
kv.events.file.lazyShow = [(state, file) => {
console.log("kv.events.file.lazyShow");
console.log("追加引数 file: fileデータ")
console.log(file)
console.log("発生タイミング：サムネイル表示するファイルが遅延表示された時")
return state;
}];
kv.events.file.download = [(state, file) => {
console.log("kv.events.file.download");
console.log("追加引数 file: fileデータ")
console.log(file)
console.log("発生タイミング：ファイルがダウンロードしようとした時")
return state;
}];
kv.events.view.changeShowDate = [(state) => {
console.log("kv.events.view.changeShowDate");
console.log("発生タイミング：カレンダービューで表示する日付を変更した時")
return state;
}];
kv.events.error.created = [(state) => {
console.log("kv.events.error.created ");
console.log("発生タイミング：エラーページのDOMを作成する前")
return state;
}];
kv.events.error.mounted = [(state) => {
console.log("kv.events.error.mounted");
console.log("発生タイミング：エラーページのDOMが作成された後")
return state;
}];
kv.events.error.back = [(state) => {
console.log("kv.events.error.back");
console.log("発生タイミング：エラーページで前の画面に戻るが押された時")
return state;
}];
})();