タブの中にフィールドが入らない

wv-sumichan · 2025 年 11 月 10 日午前 1:15

既にやっていたら申し訳ないのですが、まずはブレークポイントを張ってコードの各部分が正しく動いているか確認してみてはいかがでしょうか。

デバッグのやり方は cybozu developer network でも紹介されているので、一度読んでみると良いかもしれません。

例えば

H.Kawakami:

    Object.keys(tabFieldsMap).forEach(tabSpace => {
      const container = document.getElementById(`${getSpaceId(tabSpace)}-container`);
      if (!container) return;
      tabFieldsMap[tabSpace].forEach(id => {
        // 修正：編集画面・詳細画面どちらでもフィールド取得可能
        const field = document.querySelector(`#${id}`);
        if (field && !container.contains(field)) {
          container.appendChild(field);
          console.log(`✅ フィールド ${id} を ${tabSpace} に移動`);
        }
      });
    });

このあたりでフィールド要素を移動していますが、ここが想定どおり動いているか、変数の中身を確認しながら追っていった方がいいと思います。

それはそうとして、一応、非推奨な DOM 操作にあたるので、プラグインとして使いまわすのであれば十分注意したほうが良いと思います。

個人的には kintone.app.record.setFieldShown() を使って、フィールドの表示/非表示の切替でそれっぽく見せるほうが安全だと思います。

トピック		返信	表示
詳細画面タブ表示 kintone カスタマイズ	3	347	2025 年 1 月 2 日
タブ表示時のヘッダーについて kintone カスタマイズ	3	727	2022 年 9 月 27 日
レコード詳細画面でタブ表示とフィールド表示・非表示制御を合わせたカスタマイズを行う方法について kintone カスタマイズ	7	790	2021 年 12 月 7 日
タブ表示 Kuc.Tabsについて kintone カスタマイズ	7	874	2023 年 9 月 28 日
【kViewer】リストビューの詳細画面にタブ表示をしたい kintone カスタマイズ	5	784	2022 年 3 月 29 日

タブの中にフィールドが入らない

関連トピック