新規投稿
フォローする

モバイル版への適応について

以前、下記にて質問させていただいたものです。

◆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);

 

どなたかわかる方がいらっしゃいましたら
糸口だけでもご教示いただけますでしょうか。

0

2件のコメント

Avatar
たねまき

早見表ですが、スマートフォンの欄に※印が付いていないものには「mobile」の付与は不要です。
真に「mobile」の付与が必要なのかどうかの見直しをお試しいただけますでしょうか。
頑張ってください!

0
Avatar
koya

たねまき様
お忙しい中、ご返信ありがとうございます。
見直して修正したところ実装できました!本当にありがとうございます!

1
サインインしてコメントを残してください。