フォームブリッジ Kviewerルックアップ ボタンで入力値を表示

kintone カスタマイズ
1

背景・実現したいこと

Kviewerルックアップを使用して、フォームブリッジから検索したレコードのみを表示させるというフォームを作成しています。 検索してKviewerルックアップでレコードを取得後、フォーム内にボタンを設置し、クリックしたら同じフォーム内のフィールドに入力されているURLにリンクしたいと考えています。ボタンクリックとリンク表示が繋がらず、どうしたら良いかわかりません。初心者で申し訳ありませんが、教えていただけると幸いです。

エラー情報 （開発者ツールのコンソール）

Uncaught TypeError: checkbutton.getElementsByTagName(…)[0] is undefined

利用したソースコード

(function() {

    “use strict”;

   

    //https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js

    $(document).ready(function() {

    $(“#button”).click(function() {

        var checkbutton = fb.getElementByCode(‘check_box’);

        checkbutton.getElementsByTagName(‘checkbox’)[0].value = 1;

    });

    });

   

    fb.events.form.mounted.push(function(state){

    fb.getElementByCode(‘label’).innerHTML = ‘<button id=“button”>PopUp</button>’;

    return state;

    });

   

    fb.events.fields.check_box.changed.push(function (state) {

        const phone_num = state.record[‘driver_phone’].value;

        location.href(phone_num);

        return state;

      });

    })();

2

Teckwahさん

こんにちは。

 

意図されていることと違っているかもしれませんが

ボタンをクリックしたら、リンクを開くということであれば以下のように書けます。

addEventListenerでクリックイベントを定義することができます。

fb.events.form.mounted = [function(state) {

const button = document.createElement('button');
button.textContent = 'リンクを開く'
button.addEventListener('click', function() {
location.href = 'https://www.google.com/';
});

fb.getElementByCode('label').appendChild(button);

}];
3

koichiさま

お世話になっております。

早速ご教示いただきありがとうございます。

ボタン作成も色々な方法があるのですね。

やりたいこととは若干異なりますが、勉強になりました。

もう少しJavascriptがわかるようになったら、再挑戦してみます！

 

4

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。