以前、下記にて質問させていただいたものです。
◆kintoneにテンプレート選択＆挿入機能を追加するJavaScript
https://developer.cybozu.io/hc/ja/community/posts/4403839483417
PC表示には対応ができたのですが、モバイル表示が上手くできずに困っています。
※早見表を見ながら以前の物から修正しています。
https://developer.cybozu.io/hc/ja/articles/202738940
jQuery.noConflict();
(function($) {
"use strict";
var events={
show:[
'app.record.edit.show','mobile.app.record.edit.show',
'app.record.create.show','mobile.app.record.create.show'
]
};
kintone.events.on(events.show, function(event) {
// app アプリID
// query レコード抽出条件
var param = {
"app": **** ,
"query": "status in (\"有効\") order by tid asc"
};
kintone.mobile.api(kintone.mobile.api.url('/k/v1/records', true), 'GET', param, function(resp) {
// 成功時の処理
//console.log(resp);
const records = resp.records;
//Create and append select list
var selectList = document.createElement("select");
selectList.id = "mySelect";
kintone.mobile.app.record.getSpaceElement('space1').appendChild(selectList);
//Create and append the options
for (var i = 0; i < records.length; i++) {
var option = document.createElement("option");
option.value = i;
option.text = records[i].name.value;
selectList.appendChild(option);
}
// 任意のスペースフィールドにボタンを設置
var mySpaceFieldButton = document.createElement('button');
mySpaceFieldButton.id = 'my_space_field_button';
mySpaceFieldButton.innerText = 'テンプレートを挿入';
mySpaceFieldButton.onclick = function () {
//テキストエリアと挿入する文字列を取得
var areas = document.getElementsByTagName('textarea');
var area = areas[0];
var selected = document.getElementById("mySelect");
var selectedValue = selected.value;
var text = records[selectedValue].text.value;
//カーソルの位置を基準に前後を分割して、その間に文字列を挿入
area.value = area.value.substr(0, area.selectionStart)
+ text
+ area.value.substr(area.selectionStart);
};
kintone.mobile.app.record.getSpaceElement('space1').appendChild(mySpaceFieldButton);
}, function(error) {
// エラー時の処理
console.log(error);
});
});
})(jQuery);
どなたかわかる方がいらっしゃいましたら
糸口だけでもご教示いただけますでしょうか。