スペースフィールドjkmbuttonに「候補を表示」ボタンを作り,それをクリックで,
スペースフィールドjkmtableに配置したテーブルと,
スペースフィールドjkmbutton2に配置した「候補を非表示」ボタンを表示させ,
「候補を非表示」ボタンをクリックすると,
テーブルが消えて,「候補を表示」ボタンが表示される,
というような動きのものを作っています。
以下のようなコードを書いてみました。
レコード編集画面では望んだ動きをしますが,新規登録画面では,ボタンもテーブルもなにも表示されません。
(ソースを見たら,非表示になっているのではなく,コード自体が全然反映されていない)
どこを修正したらいいでしょうか。
(function() {
'use strict';
kintone.events.on(
['app.record.create.show',
'app.record.edit.show',
'app.record.create.change.フィールドA',
'app.record.edit.change.フィールドA',
'app.record.index.edit.change.フィールドA',
], function(event) {
// 増殖バグを防ぐ
if (document.getElementById('my_space_field_Button5') !== null) {
return;
}
//フィールドAテーブルはデフォルトは非表示
document.getElementById("jkmtable").style.display ="none";
//フィールドA-候補を表示ボタン
var mySpaceFieldButton5 = document.createElement('button');
mySpaceFieldButton5.id = 'my_space_field_Button5';
mySpaceFieldButton5.innerText = '候補を表示';
mySpaceFieldButton5.onclick = function () {
document.getElementById("my_space_field_Button5").style.display ="none";
document.getElementById("my_space_field_Button52").style.display ="block";
document.getElementById("jkmtable").style.display ="block";
};
//フィールドA-候補を非表示ボタン
var mySpaceFieldButton52 = document.createElement('button');
mySpaceFieldButton52.id = 'my_space_field_Button52';
mySpaceFieldButton52.innerText = '候補を非表示';
mySpaceFieldButton52.style.display ='none';//非表示ボタンはデフォルトではoff
mySpaceFieldButton52.onclick = function () {
document.getElementById("my_space_field_Button52").style.display ="none";
document.getElementById("my_space_field_Button5").style.display ="block";
document.getElementById("jkmtable").style.display ="none";
};
kintone.app.record.getSpaceElement('jkmbutton').appendChild(mySpaceFieldButton5);
kintone.app.record.getSpaceElement('jkmbutton2').appendChild(mySpaceFieldButton52);
});
})();
(テーブルの構成などは,ほかのjsに記述しています↓)
(function() {
'use strict';
kintone.events.on(
['app.record.create.show',
'app.record.edit.show',
'app.record.create.change.フィールドA',
'app.record.edit.change.フィールドA',
'app.record.index.edit.change.フィールドA',
], function(event) {~略