【フォームブリッジ】数値計算フィールドを値によって背景色と文字色を変えたい

kintone カスタマイズ
1

数値計算計算フィールドにて、値によって背景色や文字色を変更することは可能でしょうか？

例：
マイナス値だったら 背景色：赤、文字色：白

以下コードで試しているのですが、反映されない状況です
※ calc1 が数値計算フィールドのフィールドコードです

(function () {
“use strict”;
fb.events.fields.calc1.changed = [function (state) {
if(state.record.calc1.value < ‘0’){
fb.getElementByCode.calc1.getElementsByTagName(‘input’)[0].style.background = ‘yellow’;
}else{
fb.getElementByCode.calc1.getElementsByTagName(‘input’)[0].style.background = ‘yellow’;
}
}];
})();

よろしくお願いいたします

2

質問者のコードがコードブロックになっておらず、"や’がおかしくなっているため貼り付け直します。

(function () {
    "use strict";
    fb.events.fields.calc1.changed = [function (state) {
        if (state.record.calc1.value < '0') {
            fb.getElementByCode.calc1.getElementsByTagName('input')[0].style.background = 'yellow';
        } else {
            fb.getElementByCode.calc1.getElementsByTagName('input')[0].style.background = 'yellow';
        }
    }];
})();

Formbridgeにおいて、数値計算フィールドは、chageイベントは使えないようです。
aという文字列フィールドを作り、console.log()の2カ所にブレイクポイントを設定して、自動計算を動かしたとき、文字列フィールドを書き換えた時で動作を確認します。

(function () {
    "use strict";
    fb.events.fields.calc1.changed = [function (state) {
        console.log("test")
    }];
})();

(function () {
    "use strict";
    fb.events.fields.a.changed = [function (state) {
        console.log("a changed")
    }];
})();

数値計算フィールドは、changeイベントが取得できないようです。

3

大変失礼しました
ご対応ありがとうございます

数値計算フィールドではChangeイベントは使えないのですね
いただいたコードを参考にやってみます
ご回答いただき、ありがとうございました

4

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