# フォームブリッジのフィールドの非活性について

**URL:** <https://community.cybozu.dev/t/topic/4099>\
**Category:** kintone 開発相談\
**Created:** [2019 年 6 月 14 日午前 7:54 UTC](https://community.cybozu.dev/t/topic/4099 "2019-06-14T07:54:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account546](https://avatars.discourse-cdn.com/v4/letter/l/b5ac83/32.png) [@Legacy\_Account546](https://community.cybozu.dev/u/Legacy_Account546)\
**Post date:** [2019 年 6 月 14 日午前 7:54 UTC](https://community.cybozu.dev/t/topic/4099/1 "2019-06-14T07:54:37Z")

</div>

お世話になっております。

フォームブリッジの画面表示イベントにてjavascriptを使ってある条件の場合のみフィールドを非活性したいのですが、方法がわかりません。

イベント発火時のstateのどの部分に設定をすればフィールドを非活性にできるのでしょうか？

それとも直接DOMを操作するなどするしかないのでしょうか？

どなたか知っている方がいらっしゃいましたら、ご教授くださいませ。

---

<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:** [2019 年 6 月 18 日午前 2:26 UTC](https://community.cybozu.dev/t/topic/4099/2 "2019-06-18T02:26:50Z")

</div>

state.fields にフィールドが配列で置かれていますので、その中から非活性化したいフィールドに対して hide を true にすることで非表示にできます。

&nbsp;

state.fields[3] を非活性化したい場合は、 state.fields[3].hide = true とすると非表示になります。

&nbsp;

なお、このカスタマイズではフィールドを非表示にするだけで、設定されている値やバリデーションなどは生きています。

値をクリアしたい場合は、対象フィールドの record の value も変更する必要があります。

&nbsp;

開発者ツールのコンソールに state を出力してみて、データ構造を確認されると、開発が進むかと思います。

&nbsp;

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

---

<div class="post-metadata">

**Author:** ![Legacy\_Account546](https://avatars.discourse-cdn.com/v4/letter/l/b5ac83/32.png) [@Legacy\_Account546](https://community.cybozu.dev/u/Legacy_Account546)\
**Post date:** [2019 年 6 月 18 日午前 2:35 UTC](https://community.cybozu.dev/t/topic/4099/3 "2019-06-18T02:35:46Z")

</div>

落合様

ご回答いただき有難うございます。

ですが私のやりたいこととしましては、非表示ではなくフィールドの非活性（入力不可など）です。

fieldsのプロパティの中には「disable」のような項目が見当たらないのですが、

state内のプロパティを操作して非活性にさせることは可能でしょうか？

---

<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:** [2019 年 6 月 18 日午前 2:45 UTC](https://community.cybozu.dev/t/topic/4099/4 "2019-06-18T02:45:40Z")

</div>

disable というプロパティはありません。

入力不可であれば、editable を false にするとできます。

&nbsp;

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

---

<div class="post-metadata">

**Author:** ![Legacy\_Account546](https://avatars.discourse-cdn.com/v4/letter/l/b5ac83/32.png) [@Legacy\_Account546](https://community.cybozu.dev/u/Legacy_Account546)\
**Post date:** [2019 年 6 月 18 日午前 2:52 UTC](https://community.cybozu.dev/t/topic/4099/5 "2019-06-18T02:52:22Z")

</div>

落合様

早い返信をいただき有難うございます。

editable を false にすることで、無事想定通りに制御を行うことができました。

非常に助かりました。