# 編集画面で別アプリにレコードを登録したあと、関連レコードの表示だけ更新して表示させたい

**URL:** https://community.cybozu.dev/t/topic/6142
**Category:** kintone 開発相談
**Created:** [2022 年 7 月 8 日午前 7:28 UTC](https://community.cybozu.dev/t/topic/6142 "2022-07-08T07:28:18Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Legacy\_Account2774](https://avatars.discourse-cdn.com/v4/letter/l/13edae/32.png) [@Legacy\_Account2774](https://community.cybozu.dev/u/Legacy_Account2774)
#### Post date: [2022 年 7 月 8 日午前 7:28 UTC](https://community.cybozu.dev/t/topic/6142/1 "2022-07-08T07:28:18Z")

</div>

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

Javascript初心者です。

Aアプリの編集画面からボタンで、Bアプリへのレコード登録（POST）を行っております。

Aアプリに関連レコード一覧を設置して、Bアプリの情報を表示しています。

Aアプリ：

・登録者情報

・登録者のスケジュール（Bアプリ）の関連レコード一覧（キー：登録者ID）

Bアプリ：

・登録者のスケジュール

&nbsp;

①A編集画面を開く

②①でBアプリへのレコード登録ボタンを押す→Bアプリにレコードが登録される

③Aアプリの関連レコード一覧の表示を更新

保存をすれば関連レコード一覧の情報が表示されるのですが、編集画面のままですと更新されません。

location.reload()すると、他のフィールドの入力値が消えてしまいます。

こちらを参考に「登録者ID」にフォーカスを当てたりしてみたのですが、やり方がまずいのか更新されませんでした。（[https://developer.cybozu.io/hc/ja/community/posts/20165573）](https://community.cybozu.dev/hc/ja/community/posts/20165573%EF%BC%89)

どのようにすれば実現できるのか、ご教示頂けますと助かります。

&nbsp;

&nbsp; &nbsp; kintone.events.on(‘app.record.edit.show’, function(event){

&nbsp; &nbsp; &nbsp; &nbsp; // 「新規登録」ボタン  
&nbsp; &nbsp; &nbsp; &nbsp; var scheduleButtonAdd = createBtn(‘my\_index\_button2’, btnClassName, ‘新規登録’);  
&nbsp; &nbsp; &nbsp; &nbsp; kintone.app.record.getSpaceElement(“schedule”).appendChild(scheduleButtonAdd);

&nbsp; &nbsp; &nbsp; &nbsp; // 別アプリへレコード登録  
&nbsp; &nbsp; &nbsp; &nbsp; scheduleButtonAdd .onclick = (function() {

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;省略…

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; kintone.api(kintone.api.url(‘/k/v1/records.json’, true), ‘POST’, body);

});

&nbsp; });

---

<div class="post-metadata">

### Author: ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)
#### Post date: [2022 年 7 月 12 日午前 12:36 UTC](https://community.cybozu.dev/t/topic/6142/2 "2022-07-12T00:36:55Z")

</div>

```
      scheduleButtonAdd .onclick = (function() {
           省略…
                kintone.api(kintone.api.url('/k/v1/records.json', true), 'POST', body);

         });

```

この箇所で reloadすると、って意味ですかね？kintone.apiが終わり切る前にreloadすることになり、投稿が失敗してそうです。  
[async/await](https://community.cybozu.dev/hc/ja/articles/900001244323-%E7%9B%AE%E6%8C%87%E3%81%9B-JavaScript%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E4%B8%AD%E7%B4%9A%E8%80%85-%EF%BC%92-Promise%E3%81%AE%E3%81%8B%E3%82%8F%E3%82%8A%E3%81%ABasync-await%E7%B7%A8-)を使うのはどうでしょうか。

```
    scheduleButtonAdd .onclick = async function() {
           省略…
              await kintone.api(kintone.api.url('/k/v1/records.json', true), 'POST', body);
location.reload();

         };

```

---

<div class="post-metadata">

### Author: ![Legacy\_Account1969](https://avatars.discourse-cdn.com/v4/letter/l/c67d28/32.png) [@Legacy\_Account1969](https://community.cybozu.dev/u/Legacy_Account1969)
#### Post date: [2022 年 7 月 12 日午前 12:53 UTC](https://community.cybozu.dev/t/topic/6142/3 "2022-07-12T00:53:35Z")

</div>

アプリBのPOSTまではうまく行っているという認識でよいでしょうか？

どんなコードを書いたかわからないのですが、試してみてほしいのは  
登録ボタンと更新ボタンを分けてみてください。登録後に「関連レコードの更新機能」は動きますでしょうか？

もし動くなら非同期処理がうまく行っていないと思いますので、  
アプリBのレコード登録完了後に関連レコードの表示更新が走るように工夫する必要があります。

※追記  
投稿する前に一度更新ボタンを押さないと少し恥ずかしい事になってしまいますね。村濱さんと同じことが言いたかったです。

---

<div class="post-metadata">

### Author: ![Legacy\_Account2774](https://avatars.discourse-cdn.com/v4/letter/l/13edae/32.png) [@Legacy\_Account2774](https://community.cybozu.dev/u/Legacy_Account2774)
#### Post date: [2022 年 7 月 12 日午前 8:57 UTC](https://community.cybozu.dev/t/topic/6142/4 "2022-07-12T08:57:52Z")

</div>

お返事ありがとうございます。

アプリBのPOSTは成功しており、

location.reload();をすると関連レコード一覧が表示されるのですが、&nbsp;

保存前の他のフィールド値が消えてしまいます。

関連レコード一覧のみ更新して表示されるということは難しいのでしょうか？

&nbsp;

---

<div class="post-metadata">

### Author: ![Legacy\_Account1742](https://avatars.discourse-cdn.com/v4/letter/l/5fc32e/32.png) [@Legacy\_Account1742](https://community.cybozu.dev/u/Legacy_Account1742)
#### Post date: [2022 年 7 月 12 日午前 9:31 UTC](https://community.cybozu.dev/t/topic/6142/5 "2022-07-12T09:31:36Z")

</div>

やってみないとうまくいくかわからないですが、  
アプリBにPOSTした後、リロードする前に kintone.app.record.set を使って入力途中の値を保存してからリロードしてみるのはどうでしょうかね。

うまくいくか自信はないですが・・・・

[https://developer.cybozu.io/hc/ja/articles/201942014-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A9%B3%E7%B4%B0%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97#step4](https://developer.cybozu.io/hc/ja/articles/201942014-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A9%B3%E7%B4%B0%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97#step4)

---

<div class="post-metadata">

### Author: ![Legacy\_Account2774](https://avatars.discourse-cdn.com/v4/letter/l/13edae/32.png) [@Legacy\_Account2774](https://community.cybozu.dev/u/Legacy_Account2774)
#### Post date: [2022 年 7 月 16 日午前 4:07 UTC](https://community.cybozu.dev/t/topic/6142/6 "2022-07-16T04:07:21Z")

</div>

細矢様

ご回答ありがとうございます。

kintone.app.record.set を使ってみたところ、

そこまでは入力途中の値が保存されているのを確認できたのですが、

その後リロードするとやはり最初の値に戻ってしまいました。

（関連レコード一覧は表示されました）

---

<div class="post-metadata">

### Author: ![Legacy\_Account1742](https://avatars.discourse-cdn.com/v4/letter/l/5fc32e/32.png) [@Legacy\_Account1742](https://community.cybozu.dev/u/Legacy_Account1742)
#### Post date: [2022 年 7 月 17 日午前 4:34 UTC](https://community.cybozu.dev/t/topic/6142/7 "2022-07-17T04:34:31Z")

</div>

Shibata さん

あらら・・・  
残念です・・お力になれずすいません🙇🏻‍♂️

&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: [2024 年 11 月 1 日午前 6:58 UTC](https://community.cybozu.dev/t/topic/6142/8 "2024-11-01T06:58:41Z")

</div>

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