# サブテーブルをグループの中に入れたい

**URL:** <https://community.cybozu.dev/t/topic/5957>\
**Category:** kintone 開発相談\
**Created:** [2022 年 5 月 6 日午前 6:31 UTC](https://community.cybozu.dev/t/topic/5957 "2022-05-06T06:31:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2935](https://avatars.discourse-cdn.com/v4/letter/l/6bbea6/32.png) [@Legacy\_Account2935](https://community.cybozu.dev/u/Legacy_Account2935)\
**Post date:** [2022 年 5 月 6 日午前 6:31 UTC](https://community.cybozu.dev/t/topic/5957/1 "2022-05-06T06:31:34Z")

</div>

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

[こちら](https://community.cybozu.dev/hc/ja/community/posts/360018051303-%E3%82%B5%E3%83%96%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AE%E4%B8%AD%E3%81%AB%E5%85%A5%E3%82%8C%E3%81%9F%E3%81%84)を参考にJSを書いたのですがタイトルにもある通りサブテーブルをグループの中に入れられずに困っております。

コンソールで確認したところ undefined と出ており定義されていないことはわかったのですが自力での解決に至りませんでした。

&nbsp;

（フィールドコード）

サブテーブル→ビルテーブル

スペース→space

&nbsp;

&nbsp;

&nbsp;

（使用したコード）

```
(function() {
  'use strict';
  kintone.events.on('app.record.detail.show', function(event) {
    //サブテーブルのIDを取得(引数はサブテーブルのフィールドコード)
var id = subTableIDRtn("ビルテーブル");///サブテーブルのフィールドコード

//IDを元にサブテーブルのエレメントを検索
var subTableElement = $("subteble-" + id).get(0);///サブテーブルのフィールドコード

//スペースのエレメントを取得
var spaceElement = kintone.app.record.getSpaceElement('tablespace');///スペースのフィールドコード

//スペースにサブテーブルを挿入
spaceElement.append(subTableElement);

function subTableIDRtn(fieldCode) {
    var subTableObj = {};
    var subTableList = cybozu.data.page.SCHEMA_DATA.subTable;
    for(var i in subTableList) {
        if(subTableList[i].var == fieldCode) {
            var subTableObj = subTableList[i];
            break;
        }
    }
    return subTableObj ? subTableObj.id : undefined;
}
  });
})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2476](https://avatars.discourse-cdn.com/v4/letter/l/c0e974/32.png) [@Legacy\_Account2476](https://community.cybozu.dev/u/Legacy_Account2476)\
**Post date:** [2022 年 5 月 12 日午前 4:55 UTC](https://community.cybozu.dev/t/topic/5957/2 "2022-05-12T04:55:26Z")

</div>

nekoko 様

こんにちは。

最初と記述が少し変わっているので、もう問題は解決されましたでしょうか？

問題が解決しているようであれば、以下は読まなくても良いかと思います。

&nbsp;

おそらくですが、問題が起きている個所は8行目ではないかと思っています。

ライブラリで [jQuery](https://community.cybozu.dev/hc/ja/articles/202960194#jquery) が利用されているのではと思っています。

そうすると、上記のプログラムの前に jQuery のライブラリを先に読み込む必要があるかと思います。

&nbsp;

ただ、その一行の為にjQuery等のライブラリを読み込むのは個人的にはよくないかと思いますので、

document.querySelector に変更されて利用された方がよいかと思います。

変更内容を記述すると

```
var subTableElement = document.querySelector(`.subteble-${id}`);

```

というような記述になるかと思います。

こちらに変更されますと、特に新たにライブラリの読み込みなどはせず利用できるかと思います。

また上記の最初の内容を少し変更した内容ですので、まだ微妙にバグがあるままです。

&nbsp;

また、イベントタイミングが ‘app.record.detail.show’ この時のみでよいのであればシンプルな記述もすることができます。

```
(function () {
  "use strict";
  kintone.events.on("app.record.detail.show", function (event) {
  const subtable = kintone.app.record.getFieldElement("sutableFiledCode"); // （）の中にサブテーブルフィールドコードを入れる
  kintone.app.record.getSpaceElement("spaceFiledCode").append(subtable); // getSpaceElement の（）の中にスペースフィールドコードを入れる
  });
})();

```

このような内容で、最初と同じ結果は得られると思います。

ただ同じバグがありますので、バグを修正されるようでしたら最初の記述を変更していくしかないかと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2935](https://avatars.discourse-cdn.com/v4/letter/l/6bbea6/32.png) [@Legacy\_Account2935](https://community.cybozu.dev/u/Legacy_Account2935)\
**Post date:** [2022 年 5 月 13 日午前 12:40 UTC](https://community.cybozu.dev/t/topic/5957/3 "2022-05-13T00:40:57Z")

</div>

新屋 育男様

こんにちは、お世話になっております。

&nbsp;

返信遅くなってしまい申し訳ございません。

最初と記述が変わっているのは記述していたコードが違っていたためです。

&nbsp;

コードのご提示ありがとうございます。

jQueryのライブラリを読み込む必要があったのですね。

ご提示して頂いたコードを運用してみたところバグは特に気にならなかったのでこのまま運用していこうと思います。

&nbsp;

&nbsp;

---

<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 年 10 月 18 日午前 3:20 UTC](https://community.cybozu.dev/t/topic/5957/4 "2023-10-18T03:20:35Z")

</div>

クローズされました: 2023 年 10 月 18 日午前 3:20 UTC

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