# kviewerとFormbrigdeとの連携機能のボタンの表示非表示をフィールドの値によって切り替えたい

**URL:** <https://community.cybozu.dev/t/topic/7959>\
**Category:** kintone 開発相談\
**Created:** [2023 年 8 月 8 日午前 8:49 UTC](https://community.cybozu.dev/t/topic/7959 "2023-08-08T08:49:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mtarou](https://avatars.discourse-cdn.com/v4/letter/m/aca169/32.png) [@mtarou](https://community.cybozu.dev/u/mtarou)\
**Post date:** [2023 年 8 月 8 日午前 8:49 UTC](https://community.cybozu.dev/t/topic/7959/1 "2023-08-08T08:49:06Z")

</div>

kviewerとFormbrigdeとの連携機能の編集ボタンの表示非表示をフィールドの値によって切り替えたいです。

一覧画面から詳細画面へ遷移した際はボタンが非表示になるのですが、詳細画面でリロード（ページの更新）するとボタンが表示されてしまいます。

試したのは以下のコードです。  
お力添えをいただけると幸いです。  
よろしくお願いいたします。

```javascript
// 1. DOMContentLoaded イベントのリスナーを追加
window.addEventListener("DOMContentLoaded", function() {

  // 2. strict モードで無名の関数を定義して実行
  (function() {
    "use strict";

    // kv.events.record.mounted イベントハンドラの定義
    kv.events.record.mounted = [function(state) {
      state.records.forEach(function(record, index) {
        // '処理ステータス' プロパティが '未処理' の場合の処理
        if (record['処理ステータス'].value === '未処理') {
          // '.ui.icon.button.kv-fb-content.circular.teal.large' 要素の取得
          var elements = document.querySelectorAll('.ui.icon.button.kv-fb-content.circular.teal.large');
          elements.forEach(function(element) {
            // 要素の表示を非表示に設定
            element.style.display = 'none';
          });
        }
      });
    }];
  })();
});

```

---

<div class="post-metadata">

**Author:** ![jurippe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/jurippe/32/27_2.png) [@jurippe](https://community.cybozu.dev/u/jurippe)\
**Post date:** [2023 年 8 月 10 日午後 2:50 UTC](https://community.cybozu.dev/t/topic/7959/2 "2023-08-10T14:50:36Z")

</div>

このコミュニティには  
kViewerとFormBridgeに詳しいエンジニアの方がいらっしゃらない可能性あります(TT)

というわけで、全然わからないのですが、  
なんとなく、詳細画面のリロードのときはなぜか、ボタンが表示される前にこの部分が動いちゃってるのかも知れません。

> [@mtarou](#):
>
> ` var elements = document.querySelectorAll('.ui.icon.button.kv-fb-content.circular.teal.large');`

elements .forEachの前に、elementsに何が入っているのかデバッグして確認してみると良いかも知れません👀

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 9 月 25 日午前 12:45 UTC](https://community.cybozu.dev/t/topic/7959/3 "2023-09-25T00:45:18Z")

</div>

クローズされました: 2023 年 9 月 25 日午前 12:45 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。