レコード一覧の背景色が変わらない

kintone カスタマイズ
1

下記JavaScriptで条件を満たしたレコードの背景が変わりません。

＜スクリプト＞

(function () {
“use strict”;

// 返還日が入力されている場合、当該レコードの背景色を赤色にする。
const events = [
‘app.record.index.show’
];

kintone.events.on(events, function (event) {
// レコード一行のクラス
var line = document.getElementsByClassName(“recordlist-row-gaia”)

for (var i = 0; i < line.length; i++) {
if (event.records[i][‘henkanbi’][‘value’] === “7/24期限切れ処分”) {
line[i].style.backgroundcolor = “#ff0000”;
}
}
});

})();

*************************************************************************************************

line[i].style.backgroundcolor に  “#ff0000” がセットされているのは確認したのですが。

2

直接のDOM操作は公式でサポート対象外とされているので、
用意されているkintone.app.getFieldElements(フィールドコード)を使用することをお勧めします。

背景色の変更は以下のようになります。

element.style.backgroundColor = 'xxxx';

大まかな流れ

const elements = kintone.app.getFieldElements('henkanbi');
event.records.forEach((record,i)=>{
if(record.henkanbi.value == '7/24期限切れ処分'){
elements[i].style.backgroundColor = '#ff0000';
}
});

event.recordsと取得したelementsの配列の位置は同じなので、
event.recordsのforで条件一致した場合にその配列のインデックスiの位置で
背景色を指定という流れになるかと思います。

条件書式プラグインというものもあります。

 

3

追記：
添付画像にドメインが記載してありますので、
画像のみ削除をお勧めします。

4

岡崎様 ありがとうございます。背景色設定出来ました。

あわせてドメイン記載の件、ご忠告ありがとうございました。