今回は、機能上、ショートカットが必要となり、調べて解決した情報を共有したいと思いました。
(結構、JavaScriptライブラリとKintoneの相性問題もあると思いますので、使えるライブラリ集があれば、助かるかな、と思うのですが、いかがでしょうか?)
今回、使用したライブラリは「shortcuts.js」です。
URL:http://www.openjs.com/scripts/events/keyboard_shortcuts/
これ、いろいろ試しましたが複数キーの割り当ても楽なので、いいかな、と思います。
(日常業務がJavascriptをゴリゴリ動かすものではないため、「そんなの有名じゃん!」だったらすみません…)
今回、検証として一覧を表示するボタンを上部スペース内に設定し、ショートカットを効くようにしました。
※ もちろん、事前準備としてshortcuts.jsをこのjsの前に読み込ませる必要があります。
ソースのサンプルは以下です。
(素人の手習い程度で、お恥ずかしいのですが・・・)
(function () {
“use strict”;
function indexShow(event) {
var elButton = kintone.app.getHeaderMenuSpaceElement(); //右側の空要素を取得
//既存のエレメント削除
while (elButton.hasChildNodes()){
elButton.removeChild(bt_div.firstChild);
}
var bt_div = document.createElement('div');
//ボタンの追加
bt_div.setAttribute('id', 'addButton');
bt_div.setAttribute('name', 'addButton');
var bt1 = document.createElement('button');
//対象の一覧
bt1.setAttribute('id','bt1');
bt1.setAttribute('onClick','location.href=\'/k/[プログラム番号]/?view=[一覧番号]\'');
bt1.innerHTML = '****(Ctrl+1)'; //ボタンの表示名
bt_div.appendChild(bt1);
elButton.appendChild(bt_div);
}
function setShortcut(event) {
shortcut.add(“Ctrl+1”,function() {
bt1.click();
});
}
// 一覧画面が開いた時のイベント
kintone.events.on('app.record.index.show', indexShow);
kintone.events.on('app.record.index.show', setShortcut);
})();
皆様のおすすめのJavaScriptライブラリがありましたら、教えていただければと存じます。
以上、何卒よろしくお願いいたします。