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

[mtarou (梨乃)]

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

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

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

// 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';
          });
        }
      });
    }];
  })();
});

[jurippe]

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

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

@mtarou

var elements = document.querySelectorAll('.ui.icon.button.kv-fb-content.circular.teal.large');

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