# 一覧画面で一時的にフィールドの値を変更したい

**URL:** <https://community.cybozu.dev/t/topic/1774>\
**Category:** kintone 開発相談\
**Created:** [2014 年 7 月 1 日午前 2:56 UTC](https://community.cybozu.dev/t/topic/1774 "2014-07-01T02:56:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1551](https://avatars.discourse-cdn.com/v4/letter/l/9de0a6/32.png) [@Legacy\_Account1551](https://community.cybozu.dev/u/Legacy_Account1551)\
**Post date:** [2014 年 7 月 1 日午前 2:56 UTC](https://community.cybozu.dev/t/topic/1774/1 "2014-07-01T02:56:03Z")

</div>

一覧画面表示の際だけ、条件に基づいてフィールドの値を変更もしくは同レコード内に  
フィールドと無関係な文字列を表示したいのですが、良い方法はないでしょうか？

例：  
日付フィールドの値をもとに、現在より未来の日付であれば一覧の日付の後に「(期間内)」、  
また過去の日付であれば同様に「(期間外)」と表示。

サンプルを元に、文字色の変更などは出来たのですが、実際のデータを更新しないで  
一覧表示内でのみ表示したいのですが、アイデアを頂けると有難いです。

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\
**Post date:** [2014 年 7 月 1 日午前 3:32 UTC](https://community.cybozu.dev/t/topic/1774/2 "2014-07-01T03:32:13Z")

</div>

Kenz様  
cstapの落合です。

方法としては2通りあります。  
①カスタマイズビューを利用して表示を全て自作する  
②DOMの要素の中身を書き換える

今回は②の方が簡単かと思います。  
例として、レコード番号が3以上の時と3未満で表示を変更するサンプルを紹介します。

(function() {  
“use strict”;

```
// 一覧ページ
kintone.events.on('app.record.index.show', function(event) {
    var records = event.records;

    var recordNums = kintone.app.getFieldElements('レコード番号');
    for (var i = 0; i < records.length; i++) {
        // 値の取得
        var recordNumber = records[i].レコード番号.value;

        // DOM要素の取得
        var part = recordNums[i];

        // レコード番号が3以上なら表示分け
        if (recordNumber >= 3) {
            part.innerHTML = '3以上のレコード';
        } else {
            part.innerHTML = '3未満のレコード';
        }
    }
});

```

})();

参考になりますでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1551](https://avatars.discourse-cdn.com/v4/letter/l/9de0a6/32.png) [@Legacy\_Account1551](https://community.cybozu.dev/u/Legacy_Account1551)\
**Post date:** [2014 年 7 月 1 日午前 4:25 UTC](https://community.cybozu.dev/t/topic/1774/3 "2014-07-01T04:25:26Z")

</div>

落合様

早速のご回答有難うございます。  
やりたかったそのものが実現できました。  
有難うございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\
**Post date:** [2014 年 7 月 1 日午前 4:29 UTC](https://community.cybozu.dev/t/topic/1774/4 "2014-07-01T04:29:12Z")

</div>

Kenz様  
解決したようで良かったです(^^)  
また何かありましたら、お気軽にご質問ください。