https://developer.cybozu.io/hc/ja/community/posts/360048112812-QR%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E4%BD%9C%E6%88%90
上記のサイトを元に下記のように設定を行いました。
------------------------------javascripu設定画面 ↓ -------------------------
QR.jsはサンプルコードを参考に
(function () {
“use strict”;
kintone.events.on(‘app.record.detail.show’, function (event) {
$(‘#user-js-space’).qrcode(location.href);
return event;
});
})();
と入れてみましたが、表示されませんでした。
★予想
qrcode(location.href); の項目で引っ掛かているか
jquery.min.jsがうまく適用できていないのではないかと予想しています。
スペースフィールドには「space」のIDを入力しています。
どこに誤りがあるかご指摘頂ければ幸いです。
★また可能であればrepotonUで印刷したいと考えてますが
添付ファイルに画像としてコピーするか、他の対応方法があれば
アドバイスを頂戴したいです★
実施が厳しければpotara様のプラグインを検討しようと思っています
https://potaracom.stores.jp/items/5d986e62745e6c1c54fe686f
予想通り
qrcode(location.href);
$('#user-js-space').qrcode({text:location.href});
にしたら動きました。
{}で挟まれたところはオブジェクトなので key: 値のセットが必要です。
harada様
ご助言ありがとうございます。
この場合keyが必要だったんですね。
javascriptを修正してみましたが、動作は確認できませんでした。
デバックの見方がよく分かっていないので、憶測ですが
・ jquery.min.js
・ jquery.qrcode.min.js
がうまく組み込めてないのではないかと予想しております。
それ以外で動作しない要素が考えられないので・・・
修正後javascript
(function () {
“use strict”;
kintone.events.on(‘app.record.detail.show’, function (event) {
$(‘#user-js-space’).qrcode({text:location.href});
return event;
});
})();
カスタマイズの内容は私と同じようですね。
プラグインはなにか入れていますか？
Uncaut ReferenceError: jQuery is not definde
at downlad.do?xxxxxxxx:28
28行目のエラーと思われます。今回のカスタマイズは行数はせいぜい10行ぐらいです。
問題を切り分けましょう。
新しいスペースでQRコード用のアプリを用意して、カスタマイズしてみてください。
QRコードはでるはずです。
QRコードがでたら既存のカスタマイズ・プラグインと干渉しているのではないか？と考える流れになります。
新規のアプリで試した結果 エラーが1つに減りました。
QR表示は確認できませんでした。
28行目で赤く表示されていたのが以下の内容です
d+“px”).css(“background-color”,a.isDark(e,i)?h.foreground:h.background).appendTo(f)}}a=c;jQuery(a).appendTo(this)})}})(jQuery);
jQueryが定義されていないというエラーです。
Javascriptの設定画面で、順番をjQueryを上、 jquery.qrcode.min.jsを次、最後にカスタマイズしたJavascriptの順番にしてください。
harada様 順番の変更で機能が確認できました。
javaの順番に関しては盲点で大変勉強になりました。
また、何度も回答を頂きありがとうございます。
これからレポトンUでの印刷にもっていけるか検証したいと思います。
javaとJavaScript は別物ですね。念のため。
指摘頂いた内容にハッしました。
このままの表現ですと後々影響がありそうですね、社内での呼称でも気をつけたいと思います。
重ね重ねありがとうございました。
system
(system)
クローズされました:
11
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。