フォームブリッジでjavascriptによる入力

実現したいこと

フォームブリッジ上にボタンを設置し、ボタンをクリックするとテキストボックスに文字が入力されるようにしたのですが、回答をクリックしてもデータが保存されません。 

エラー情報

 kintone上では空欄のままです。

利用したソースコード

(function() {

    “use strict”;

    const pButton3 = document.createElement(‘button’); //ボタン生成
    pButton3.style.height = ‘40px’; //ボタンの高さ
    pButton3.style.width = ‘140px’; //ボタンの横幅
    pButton3.style.fontSize = ‘25px’; //ボタンのフォントサイズ
    pButton3.innerHTML = ‘文字入力’; //ボタンの表示名
    pButton3.style.margin = ‘10px 0px 0px 10px’; //余白(上 右 下 左)
    pButton3.style.borderRadius = ‘0px’; //ボタンのデザイン
    pButton3.onclick = function(){

 var s = fb.getElementByCode(‘文字列’).getElementsByTagName(‘input’)[0];
 s.value = ‘こんにちは’;

    };

    fb.events.form.mounted.push(function () {
        document.querySelector(‘[data-vv-name=“文字列”]’).appendChild(pButton3);
    });

})();

久保田さん

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

下記リンク > イベント > 例 のように、「fb.events.****.created」のイベントハンドラー内でstate.recordを書き換えてstateをreturnすることで、レコードを書き換えることができます。
https://form.kintoneapp.com/help/customize

自作したボタンを押したタイミングで、こちらの処理はできないので工夫が必要かもしれません。

下記のような方法で実装可能かと思います。

ボタンが押されたかどうかのフラグの変数を用意する
ボタンを押したらフラグの値をtrueにする
fb.events.form.submit イベントでフラグを確認し、trueであればstate.recordを書き換える

江田さま

ありがとうございます(おそらくトヨクモの方でしょうか?)。

アドバイスどおり出来ました。

kintoneの仕組みって、こうなってたんですね。

javascriptの仕組みなのか、カスタマイズの仕組みなのか分かりませんが、初めての経験です。

今まではvbやphpがメインで、現在kintoneをきっかけにjavascriptを勉強中です。

まだ完全に理解しているわけではないですが、光が見えてきました。

本当に助かりました。ありがとうございました。

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