interlude

プログラミングや私的なこと

kintoneで画面にボタンを設置する

kintoneはjsで機能を拡張することが出来ます。


kintoneでjsでボタンを設置するコード

(function () {
	"use strict";
	
	//レコード一覧画面の表示イベント
	kintone.events.on('app.record.index.show', function(event) {
		//ボタン
		var myIndexButton = document.createElement('button');
		myIndexButton.id = 'my_index_button';
		myIndexButton.innerHTML = '一覧のボタン';
		
		//メニューの右側の空白部分にボタンを設置
		kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton);
	});
})();

1: kintone.events.onでイベントが発生し、{}内の処理を行います。
2: DOMを呼び出してボタンを作成し、ボタンのidとボタン上に表示される文字列を指定します。
3: getHeaderMenuSpaceElementでメニューの右側の空白部分を取得しています。ここが独特ですね。

https://cybozudev.zendesk.com/hc/ja/article_attachments/200523834/cap1.png

実行してみると以下のようにボタンが表示されます。
https://cybozudev.zendesk.com/hc/ja/article_attachments/200538260/cap2.jpg

単純にhtmlファイルを書ければいいんですが。。。