# ドロップダウンの値から別アプリの値を取得したい

**URL:** <https://community.cybozu.dev/t/topic/9073>\
**Category:** kintone 開発相談\
**Created:** [2024 年 5 月 27 日午前 6:37 UTC](https://community.cybozu.dev/t/topic/9073 "2024-05-27T06:37:55Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 27 日午前 6:37 UTC](https://community.cybozu.dev/t/topic/9073/1 "2024-05-27T06:37:55Z")

</div>

ドロップダウン｢不具合品等の種別｣フィールドの値を変更した時、同じ値を持つ別アプリからレコードを取得してテーブルに書き出す処理を行いたいです

ドロップダウンの値を変更した時以下のエラーが発生しました。  
原因が分からず教えていただければ幸いです

app.record.create.change.不具合品等の種別 is not allowed to return “Thenable” object.

GET

下記実行したJavaScriptになります  
(function($) {  
“use strict”;  
// ドロップダウンフィールド[不具合品等の種別]の値が変更されたときのイベントリスナーを設定  
kintone.events.on([“app.record.create.change.不具合品等の種別”, “app.record.edit.change.不具合品等の種別”], function(event) {  
var record = event.record;  
var selectedValue = record[“不具合品等の種別”].value;  
// 別アプリのIDを設定  
var otherAppId = 243; // ここに別アプリのIDを設定  
// クエリを設定して別アプリからデータを取得  
var query = ‘ブランド = "’ + selectedValue + ‘"’;  
var params = {  
app: otherAppId,  
query: query,  
fields: [“製品番号”, “製品名”] // 必要なフィールドを指定  
};  
// 非同期処理でデータを取得  
return kintone.api(kintone.api.url(“/k/v1/records”, true), “GET”, params).then(function(resp) {  
var records = resp.records;  
// テーブルを初期化  
var table = record[“製品管理テーブル”].value;  
table.length = 0;  
// 取得したレコードをテーブルに追加  
records.forEach(function(resRec) {  
table.push({  
value: {  
“製品番号”: {  
value: resRec[“製品番号\_1”].value  
},  
“製品名”: {  
value: resRec[“製品名\_テーブル”].value  
}  
}  
});  
});  
// レコードを更新  
return kintone.app.record.set({ record: record });  
}).catch(function(error) {  
console.error(“API Error:”, error);  
// エラーハンドリングを追加  
return event;  
});  
});  
})(jQuery);

---

<div class="post-metadata">

**Author:** ![mls-hashimoto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mls-hashimoto/32/34_2.png) [@mls-hashimoto](https://community.cybozu.dev/u/mls-hashimoto)\
**Post date:** [2024 年 5 月 27 日午前 7:47 UTC](https://community.cybozu.dev/t/topic/9073/2 "2024-05-27T07:47:26Z")

</div>

```javascript
// 非同期処理でデータを取得
return kintone.api(kintone.api.url(“/k/v1/records”, true), “GET”, params).then(function(resp) {

```

ここに問題があります。changeイベントはPromiseに対応していないのでPromiseを使用することはできません。Promiseを使用せずにREST APIを実行し、成功時にkintone.app.record.get()とkintone.app.record.set()でレコードの内容を書き換える必要があります。  
[こちらのスレッド](https://community.cybozu.dev/t/topic/5361/4?_gl=1*1ypjxwd*_ga*NTUyNTU0MDA3LjE3MTY3OTU0MzM.*_ga_Z03HX98WC8*MTcxNjc5NTQzMi4xLjEuMTcxNjc5NTk1Ny4xMS4wLjA.)が参考になるかと思います。

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 27 日午前 8:17 UTC](https://community.cybozu.dev/t/topic/9073/3 "2024-05-27T08:17:59Z")

</div>

橋本大輔様  
ご回答いただきありがとうございます  
スレッドを参考に修正してみたのですが下記のソースコードで合っておりますでしょうか

(function($) {  
“use strict”;  
// ドロップダウンフィールド[不具合品等の種別]の値が変更されたときのイベントリスナーを設定  
kintone.events.on([“app.record.create.change.不具合品等の種別”, “app.record.edit.change.不具合品等の種別”], function(event) {  
var record = event.record;  
var selectedValue = record[“不具合品等の種別”].value;  
// 別アプリのIDを設定  
var otherAppId = 243; // ここに別アプリのIDを設定  
// クエリを設定して別アプリからデータを取得  
var query = ‘ブランド in "’ + selectedValue + ‘"’;  
var params = {  
app: otherAppId,  
query: query,  
fields: [“製品番号”, “製品名”] // 必要なフィールドを指定  
};  
// 非同期処理でデータを取得  
return kintone.api(kintone.api.url(“/k/v1/records”, true), “GET”, params).then(function(resp) {  
//var records = resp.records;

```
  //↓修正箇所
  ver records = kintone.app.record.get();

  // テーブルを初期化
  var table = record["製品管理テーブル"].value;
  table.length = 0;
  // 取得したレコードをテーブルに追加
  records.forEach(function(resRec) {
    table.push({
      value: {
        "製品番号": {
          value: resRec["製品番号_1"].value
        },
        "製品名": {
          value: resRec["製品名_テーブル"].value
        }
      }
    });
  });
  // レコードを更新
  return kintone.app.record.set({ record: record });
}).catch(function(error) {
  console.error("API Error:", error);
  // エラーハンドリングを追加
});
return event;

```

});  
})(jQuery);

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 27 日午前 9:33 UTC](https://community.cybozu.dev/t/topic/9073/4 "2024-05-27T09:33:12Z")

</div>

五月雨式で申し訳ございません  
JavaScriptの修正を改めて行いましたところ  
下記のエラーが発生致しました  
·Cannot read properties of undefined (reading ‘catch’)

·GET

修正JavaScript

(function($) {  
“use strict”;  
// ドロップダウンフィールド[不具合品等の種別]の値が変更されたときのイベントリスナーを設定  
kintone.events.on([“app.record.create.change.不具合品等の種別”, “app.record.edit.change.不具合品等の種別”], function(event) {  
var record = event.record;  
var selectedValue = record[“不具合品等の種別”].value;  
// 別アプリのIDを設定  
var otherAppId = 243; // ここに別アプリのIDを設定  
// クエリを設定して別アプリからデータを取得  
var query = ‘ブランド in "’ + selectedValue + ‘"’;  
var params = {  
app: otherAppId,  
query: query,  
fields: [“製品番号”, “製品名”] // 必要なフィールドを指定  
};  
// 非同期処理でデータを取得  
kintone.api(kintone.api.url(“/k/v1/records”, true), “GET”, params,function(resp) {  
var records = resp.records;  
var rec = kintone.app.record.get();

```
  // テーブルを初期化
  var table = rec.record["製品管理テーブル"].value;
  table.length = 0;
  // 取得したレコードをテーブルに追加
  records.forEach(function(resRec) {
    table.push({
      value: {
        "製品番号": {
          value: resRec["製品番号_1"].value
        },
        "製品名": {
          value: resRec["製品名_テーブル"].value
        }
      }
    });
  });
  // レコードを更新
  kintone.app.record.set({ record: rec.record });
}).catch(function(error) {
  console.error("API Error:", error);
  // エラーハンドリングを追加
});
return event;

```

});  
})(jQuery);

---

<div class="post-metadata">

**Author:** ![mls-hashimoto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mls-hashimoto/32/34_2.png) [@mls-hashimoto](https://community.cybozu.dev/u/mls-hashimoto)\
**Post date:** [2024 年 5 月 27 日午前 9:50 UTC](https://community.cybozu.dev/t/topic/9073/5 "2024-05-27T09:50:40Z")

</div>

```javascript
kintone.api(kintone.api.url(“/k/v1/records”, true), “GET”, params,function(resp) {
中略
}).catch(function(error) {

```

thenで繋ぐならcatch()で繋いでいく形で問題ありませんが、繋がずに成功時コールバック関数で処理を書いているので、それなら

```javascript
kintone.api(kintone.api.url(“/k/v1/records”, true), “GET”, params,function(resp) {
中略
}, function(error) {

```

と失敗時コールバック関数を書く必要があります。以前はその辺り詳しい解説ページがあったんですが今はなくなっていますね。[こちら](https://cybozu.dev/ja/tutorials/hello-kinapi/async/)のコールバック云々と書いてある場所が参考になるのではないかと思います。

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 27 日午前 10:12 UTC](https://community.cybozu.dev/t/topic/9073/6 "2024-05-27T10:12:37Z")

</div>

ありがとうございます  
·Cannot read properties of undefined (reading ‘catch’)  
こちらのエラーは無事解消致しました。

GET  
上記エラーについてはなにか原因等分かりますでしょうか  
URLになっていたので確認したところ「“message”:"認証に失敗しました。セッション認証には、「X-Requested-With」ヘッダーが必要です。」  
と表示されました。

---

<div class="post-metadata">

**Author:** ![mls-hashimoto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mls-hashimoto/32/34_2.png) [@mls-hashimoto](https://community.cybozu.dev/u/mls-hashimoto)\
**Post date:** [2024 年 5 月 27 日午前 10:39 UTC](https://community.cybozu.dev/t/topic/9073/7 "2024-05-27T10:39:28Z")

</div>

そのエラーは通常kintone外からAPIを叩いたりした場合に出るエラーのはずで、リクエストボディに問題があった場合も出るはずです。デベロッパーツールから辿っていけば原因が掴めるかと思います。  
気になったところとしては、

```javascript
// クエリを設定して別アプリからデータを取得
var query = ‘ブランド in "’ + selectedValue + ‘"’;

```

↓

```javascript
// クエリを設定して別アプリからデータを取得
var query = ‘ブランド in ("’ + selectedValue + ‘")’;

```

クエリに演算子inを使う場合、値が一つでもかっこで囲む必要があります。詳しくは[クエリの書き方](https://cybozu.dev/ja/kintone/docs/overview/query/#field-operater-function)の「フィールド、システム識別子ごとの利用可能な演算子と関数一覧」をご覧ください。

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 27 日午前 10:51 UTC](https://community.cybozu.dev/t/topic/9073/8 "2024-05-27T10:51:07Z")

</div>

ご回答いただきありがとうございます  
何度も申し訳ございません。  
橋本様のご指摘通り修正したところ別のエラーが発生致しました  
Cannot read properties of undefined (reading ‘value’)

該当箇所  
value: resRec[“製品番号\_1”].value

原因分かりますでしょうか

---

<div class="post-metadata">

**Author:** ![mls-hashimoto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mls-hashimoto/32/34_2.png) [@mls-hashimoto](https://community.cybozu.dev/u/mls-hashimoto)\
**Post date:** [2024 年 5 月 27 日午前 11:12 UTC](https://community.cybozu.dev/t/topic/9073/9 "2024-05-27T11:12:53Z")

</div>

そのエラーはresRec[“製品番号\_1”].valueのvalueに辿り着けない旨のエラーで、つまりresRec[“製品番号\_1”]がそれ以上参照できない状態であるにも関わらずそのvalueにアクセスしようとしているためです。簡単に言えばフィールドコードが間違っています。

そもそも、クエリの

```javascript
fields: [“製品番号”, “製品名”] // 必要なフィールドを指定

```

ここで「製品名」「製品番号」フィールドしか取得していない設定をしているにも関わらず製品番号\_1というフィールドにアクセスすることはできません。

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 27 日午前 11:13 UTC](https://community.cybozu.dev/t/topic/9073/10 "2024-05-27T11:13:30Z")

</div>

申し訳ございません  
こちら私がフィールドコードを間違えており発生しておりました

下記のように修正したところ画像の  
kintone側のエラーのようなものが発生致しました

// 取得したレコードをテーブルに追加  
records.forEach(function(resRec) {  
table.push({  
value: {  
“製品番号\_1”: {  
value: resRec[“製品番号”].value  
},  
“製品名\_テーブル”: {  
value: resRec[“製品名”].value  
}  
}  
});

 ![IMG_8202](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/2X/c/c26712b64af02c3c2d6da634aed6bbff1f197c8f.png)

---

<div class="post-metadata">

**Author:** ![mls-hashimoto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mls-hashimoto/32/34_2.png) [@mls-hashimoto](https://community.cybozu.dev/u/mls-hashimoto)\
**Post date:** [2024 年 5 月 27 日午前 11:30 UTC](https://community.cybozu.dev/t/topic/9073/11 "2024-05-27T11:30:15Z")

</div>

サブテーブルに行を追加していく場合、フィールドの値（value）だけでなく、フィールドの形式（type）も必要になります。また連想配列に2つ以上のkeyを設定する場合、カンマが必要になります。

```javascript
    table.push({
      value: {
        "製品番号": {
          value: resRec["製品番号_1"].value
        },
        "製品名": {
          value: resRec["製品名_テーブル"].value
        }
      }

```

↓

```javascript
    table.push({
      value: {
        "製品番号": {
          type: 'SINGLE_LINE_TEXT',
          value: resRec["製品番号_1"].value
        },
        "製品名": {
          type: 'SINGLE_LINE_TEXT',
          value: resRec["製品名_テーブル"].value
        }
      }

```

フィールド形式はフィールドによって異なります。[フィールド形式](https://cybozu.dev/ja/kintone/docs/overview/field-types/#field-type)のページを参考にして下さい。

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 27 日午前 11:48 UTC](https://community.cybozu.dev/t/topic/9073/12 "2024-05-27T11:48:27Z")

</div>

橋本様  
無事実装することができました  
丁寧に教えていただきありがとうございました。

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 28 日午前 10:31 UTC](https://community.cybozu.dev/t/topic/9073/13 "2024-05-28T10:31:02Z")

</div>

橋本様  
お世話になっております

下記コードにルックアップフィールドの再取得を追加したのですが動きません  
コンソールにもエラー等が出ておらず…  
原因分かりますでしょうか

(function($) {  
“use strict”;

// ドロップダウンフィールド[不具合品等の種別]の値が変更されたときのイベントリスナーを設定  
kintone.events.on([“app.record.create.change.不具合品等の種別”, “app.record.edit.change.不具合品等の種別”], function(event) {  
var record = event.record;  
var selectedValue = record[“不具合品等の種別”].value;

// 別アプリのIDを設定  
var otherAppId = 243; // ここに別アプリのIDを設定

// テーブルフィールド名を指定  
var tableField = “製品管理テーブル”;

// 「不具合品等の種別」が空または「ストライカー製」の場合、テーブルをクリア  
if (!selectedValue || selectedValue === “ストライカー製”) {  
if (record[tableField]) {  
record[tableField].value = ;  
kintone.app.record.set({ record: record });  
}  
return event;  
}

// クエリを設定して別アプリからデータを取得  
var query = ‘ブランド in ("’ + selectedValue + ‘")’;  
var params = {  
app: otherAppId,  
query: query,  
fields: [“製品番号”, “製品名”] // 必要なフィールドを指定  
};

// 非同期処理でデータを取得  
kintone.api(kintone.api.url(“/k/v1/records”, true), “GET”, params, function(resp) {  
var records = resp.records;  
var rec = kintone.app.record.get();

```
 // テーブルを初期化
 var table = rec.record[tableField].value;
 table.length = 0;

 // 取得したレコードをテーブルに追加
 records.forEach(function(resRec, index) {
   table.push({
     value: {
       "製品番号_1": {
         type: 'SINGLE_LINE_TEXT',
         value: resRec["製品番号"].value
       },
       "製品名_テーブル": {
         type: 'SINGLE_LINE_TEXT',
         value: resRec["製品名"].value
       },
       "ロット番号_0": {
         type: 'SINGLE_LINE_TEXT',
         value: ""
       },
       "数値": {
         type: 'SINGLE_LINE_TEXT',
         value: ""
       },
       "不具合品の受領_0": {
         type: 'SINGLE_LINE_TEXT',
         value: ""
       }
     }
   });
 });

 // レコードを更新してルックアップフィールドを再取得
 kintone.app.record.set({ record: rec.record }, function() {
   table.forEach(function(row, index) {
     kintone.app.record.lookup({
       rowIndex: index,
       fieldCode: "製品名_テーブル"
     });
   });
 });

```

}, function(error) {  
console.error(“API Error:”, error);  
// エラーハンドリングを追加  
});

return event;  
});  
})(jQuery);

---

<div class="post-metadata">

**Author:** ![mls-hashimoto](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mls-hashimoto/32/34_2.png) [@mls-hashimoto](https://community.cybozu.dev/u/mls-hashimoto)\
**Post date:** [2024 年 5 月 29 日午前 3:23 UTC](https://community.cybozu.dev/t/topic/9073/14 "2024-05-29T03:23:46Z")

</div>

フィールドのルックアッププロパティをtrueにするか、文字列UPDATEを挿入すれば可能だと思います。ただし、lookup = trueはルックアップのフィールドに入力された文字で検索した結果が1件のみだった場合に自動取得される動作なので、検索結果が複数ある場合は動作しません（「取得」を押したと時の挙動とは異なります）。[こちら](https://cybozu.dev/ja/kintone/docs/js-api/events/event-object-actions/#record-create-run-lookup-fields)に載っています。

```javascript
   table.push({
     value: {
       "製品番号_1": {
         type: 'SINGLE_LINE_TEXT',
         value: resRec["製品番号"].value
       },
       "製品名_テーブル": {
         type: 'SINGLE_LINE_TEXT',
         value: resRec["製品名"].value,
         lookup: true
       },

```

あと、以下のコメントアウトした部分はいらないです。

```javascript
 // レコードを更新してルックアップフィールドを再取得
 kintone.app.record.set({ record: rec.record }/*, function() {
   table.forEach(function(row, index) {
     kintone.app.record.lookup({
       rowIndex: index,
       fieldCode: "製品名_テーブル"
     });
   });
 }*/);

```

今回の処理は今回の処理として、[チュートリアル](https://cybozu.dev/ja/tutorials/)をから学んでいくのをおすすめします。

---

<div class="post-metadata">

**Author:** ![mkiiyuuui](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@mkiiyuuui](https://community.cybozu.dev/u/mkiiyuuui)\
**Post date:** [2024 年 5 月 29 日午前 7:03 UTC](https://community.cybozu.dev/t/topic/9073/15 "2024-05-29T07:03:04Z")

</div>

橋本様  
ご回答いただきありがとうございます  
まだJavaScriptを初めて日が浅いのでチュートリアルの方を勉強していこうと思います。