条件に応じて一覧画面で表示されるレコードの背景色を変更する

kintone カスタマイズ
1

レコード一覧の画面で、あるフィールド（チェックボックス）の値が”照合済”の場合に、レコードの背景色を変更するスクリプトを作成しましたが、動作しません。

以下のURLを参考しましたが、解決せずに相談をさせていただきました。

アドバイスいただけますと幸いです。

 

https://developer.cybozu.io/hc/ja/community/posts/360010167423-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%89%B2%E5%A4%89%E6%9B%B4?input_string=%E6%9D%A1%E4%BB%B6%E3%81%AB%E5%BF%9C%E3%81%98%E3%81%A6%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E8%83%8C%E6%99%AF%E8%89%B2%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B

 

kintone.events.on(‘app.record.index.show’, function(event) {

// レコード一行のクラス
var line = document.getElementsByClassName(“recordlist-row-gaia”);
var record = event.record;
var verify = record[‘verifyCheck’][‘value’];

for(var i = 0; i < line.length; i++) {
if(event.records[i].verify.indexOf(‘照合済’) >= 0) {
line[i].style.backgroundColor = “#0000ff”;
}
}
});

「いいね！」 1
2

Sophia さん、こんにちは。

挙げていただいたソースコードを拝見しましたが、レコード一覧画面の表示後イベント

（https://developer.cybozu.io/hc/ja/articles/201941964#step1）のページを見ると、

'app.record.index.show’のeventのプロパティとして、recordは用意されていないように

見受けられます。(recordsは存在します)

そのため、以下の2行の部分で意図した値が取得されていないと想定されます。

var record = event.record;
var verify = record['verifyCheck']['value'];

条件分岐の中で、以下のように記述するのはいかがでしょうか。

if(event.records[i]['verifyCheck']['value'].indexOf('照合済') >= 0)
3

本間様

 

アドバイスありがとうございます。

ご指示頂きました内容で背景色を変更することができました。

 

 

4

Sophia さん、こんにちは。

動作したとのことで良かったです！