レコード編集画面でimageを表示

[yuichi.mori (Y.M)]

レコード編集画面でURLの変数を作り、動的な画像を表示させたい。
そしてレコード詳細画面か、編集画面で電話番号フィールドが更新された時に実行したい。

新規レコード登録時に、電話番号フィールドが更新されたらtargetUrlのURLを画像で表示させたいのですが、何も表示されません。
電話番号フィールドはルックアップフィールドです。

レコードを一度保存したり、保存されているレコードを再編集する時は画像が表示される。
新規で立ち上げた時だけ画像が表示されないので原因がわかりません。

実行したコードをコピー＆ペーストしましょう

(function() {
    "use strict";

    // レコード編集画面でのイベント
    kintone.events.on(['app.record.edit.change.電話番号','app.record.detail.show'], function(event) {
        var record = event.record;
        console.log("record:" + record);
        let targetTel = record.電話番号.value;
        let targetUrl = 'https://xxxxxxxxxxxxxxxxxxxxxxxxx/' + targetTel + '/network';

        //<a>タグを生成
        let link = document.createElement('a');
        link.href = targetUrl;
        link.target = '_blank'

        let image = document.createElement('img');
        image.src = targetUrl;
        image.style.width = '1700px';
        image.style.height = '500px';

        link.appendChild(image);

        kintone.app.record.getSpaceElement('img').appendChild(link);
        });
})();