# 【kintone】詳細画面の編集時に特定のフィールドを非表示にしたいのですが

**URL:** <https://community.cybozu.dev/t/topic/2120>\
**Category:** kintone 開発相談\
**Created:** [2015 年 5 月 26 日午前 4:09 UTC](https://community.cybozu.dev/t/topic/2120 "2015-05-26T04:09:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1832](https://avatars.discourse-cdn.com/v4/letter/l/f04885/32.png) [@Legacy\_Account1832](https://community.cybozu.dev/u/Legacy_Account1832)\
**Post date:** [2015 年 5 月 26 日午前 4:09 UTC](https://community.cybozu.dev/t/topic/2120/1 "2015-05-26T04:09:04Z")

</div>

いつもお世話になっております。

先週22日に行われた「kintone hive」に参加させていただき、大変勉強になりました。このような場が活発に開かれることを、今後とも期待しております。

さて、上記タイトルの通り、【kintone】の詳細画面での編集についてご質問いたします。

会員情報をまとめているアプリがあるのですが、一つのレコードあたりのフィールドが多くなっています。詳細画面からデータを編集する際、一度入力したフィールドの中には、その後変更しないものもございます。例えば、

「性別」  
「生年月日」

などです。

詳細画面から編集する際、変更しないフィールドを非表示にすることはできますでしょうか？もちろん、詳細画面を表示した際（編集画面ではない）は、全フィールドを表示しておきたいです。

ご教授のほど、よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1574](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1574](https://community.cybozu.dev/u/Legacy_Account1574)\
**Post date:** [2015 年 5 月 26 日午前 4:55 UTC](https://community.cybozu.dev/t/topic/2120/2 "2015-05-26T04:55:34Z")

</div>

菅原尚哉さん

「詳細画面から編集」というのが、所謂レコード詳細画面から編集ボタンを押して遷移したレコード編集画面としますと、`kintone.app.record.setFieldShown()` はご存知かと思いますが、・・・

対象としているフィールド形式（ラジオボタンとかは[こちら](https://cybozudev.zendesk.com/hc/ja/articles/204174194)のアイディアを組み合わせる等）によりますが、入力済みか否かで

```
kintone.events.on(['app.record.create.show, app.record.edit.show'], function(event) {
  var record = event.record;
  var field_show_flag = true;
  if(record['field_code']['value'] != undefined){
    field_show_flag = false;
  }
  kintone.app.record.setFieldShown('field_code', field_show_flag);
  return event;
});

```

のようにするのはいかがでしょうか。

---

<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:** [2015 年 5 月 26 日午前 5:01 UTC](https://community.cybozu.dev/t/topic/2120/3 "2015-05-26T05:01:03Z")

</div>

菅原尚哉さん  
cstapの落合です。

この場合は、[フィールドの表示／非表示を切り替える](https://cybozudev.zendesk.com/hc/ja/articles/202166270#step9) を使うといいでしょう。

サンプルを載せますので、参考にして下さい。

```
(function() {
  'use strict';

  var disabledFields = [
    'string1',
    'リッチエディター',
    '文字列__複数行_'
  ];

  kintone.events.on('app.record.edit.show', function(event) {
    var record = event.record;

    for (var i = 0, l = disabledFields.length; i < l; i++) {
      kintone.app.record.setFieldShown(disabledFields[i], false)
    }

    return event;
  });
})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1832](https://avatars.discourse-cdn.com/v4/letter/l/f04885/32.png) [@Legacy\_Account1832](https://community.cybozu.dev/u/Legacy_Account1832)\
**Post date:** [2015 年 5 月 27 日午前 4:15 UTC](https://community.cybozu.dev/t/topic/2120/4 "2015-05-27T04:15:19Z")

</div>

山下 さま  
落合 さま

早速のご連絡、誠にありがとうございました。  
サンプルコードも載せていただき、感謝申し上げます。

今後とも、よろしくお願いいたします。