# キャンセルボタンが効かない

**URL:** <https://community.cybozu.dev/t/topic/2799>\
**Category:** kintone 開発相談\
**Created:** [2018 年 1 月 15 日午前 7:38 UTC](https://community.cybozu.dev/t/topic/2799 "2018-01-15T07:38:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1724](https://avatars.discourse-cdn.com/v4/letter/l/e95f7d/32.png) [@Legacy\_Account1724](https://community.cybozu.dev/u/Legacy_Account1724)\
**Post date:** [2018 年 1 月 15 日午前 7:38 UTC](https://community.cybozu.dev/t/topic/2799/1 "2018-01-15T07:38:59Z")

</div>

いつもお世話になっております。

[関連レコードの参照先アプリに簡単レコード登録](https://community.cybozu.dev/hc/ja/articles/211725926-%E9%96%A2%E9%80%A3%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%8F%82%E7%85%A7%E5%85%88%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AB%E7%B0%A1%E5%8D%98%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E7%99%BB%E9%8C%B2) を参照にしておりますが、

キャンセルボタンが効かなくて、

[キャンセルボタンが効かなくなる](https://community.cybozu.dev/hc/ja/community/posts/115000486103?flash_digest=dd63c0250bb4cb498f1e3f9ca74ed9b0c046ad7f)で解決されていますが、まだまだ初心者のため、コードの追加をしたんですが、全然動かなく状態です。

アドバイス頂けるようお願い致します。

(function() {  
“use strict”;  
kintone.events.on(‘app.record.detail.show’, function(event) {  
var field\_check = event.record.company.value;  
//元アプリの引継ぎ対象フィールドでの入力を確認  
if (!field\_check) {  
return;  
}  
var mySpaceFieldButton = kintone.app.record.getSpaceElement(‘jump\_button’);  
//ボタンを設置  
var $button = $(‘\<button title=“案件情報アプリに追加する” class=“kintoneplugin-button-normal”\>追加登録\</button\>’);  
$button.click(function() {  
//関連レコードのアプリIDの取得  
var related = kintone.app.getRelatedRecordsTargetAppId(‘relation’);  
//関連レコードの新規作成画面のURLへのジャンプ  
var new\_window = window.open(“/k/” + related + “/edit”);  
new\_window.addEventListener(“load”, function() {  
window.postMessage(new\_window.kintone !== null, location.origin);  
});  
window.addEventListener(“message”, (function() {  
return function field\_set() {  
//新規レコード側のフィールドを指定してsetする  
var new\_app = new\_window.kintone;  
var new\_record = new\_app.app.record.get();  
new\_record.record.company.value = field\_check;  
//ここから新規で開いたkintone画面でルックアップ先の更新処理を行う  
new\_record.record.company.lookup = true;  
new\_app.app.record.set(new\_record);  
window.removeEventListener(“message”, field\_set, false);  
};  
})(), false);  
return function field\_set() {  
var cancel1 = new\_window.document.getElementsByClassName(‘gaia-ui-actionmenu-cancel’);  
cancel1[0].addEventListener(‘click’, function() {  
new\_window.close();  
}, false);  
};  
});  
$(mySpaceFieldButton).append($button);  
});  
})();

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2115](https://avatars.discourse-cdn.com/v4/letter/l/e9bcb4/32.png) [@Legacy\_Account2115](https://community.cybozu.dev/u/Legacy_Account2115)\
**Post date:** [2018 年 1 月 15 日午前 8:48 UTC](https://community.cybozu.dev/t/topic/2799/2 "2018-01-15T08:48:04Z")

</div>

goroさん  
cstapの瀧ヶ平です。

```
(function() {
  "use strict";
  kintone.events.on('app.record.detail.show', function(event) {
    var field_check = event.record.company.value;
    //元アプリの引継ぎ対象フィールドでの入力を確認
    if (!field_check) {
      return;
    }
    var mySpaceFieldButton = kintone.app.record.getSpaceElement('jump_button');
    //ボタンを設置
    var $button = $('<button title="案件情報アプリに追加する" class="kintoneplugin-button-normal">追加登録</button>');
    $button.click(function() {
      //関連レコードのアプリIDの取得
      var related = kintone.app.getRelatedRecordsTargetAppId('relation');
      //関連レコードの新規作成画面のURLへのジャンプ
      var new_window = window.open("/k/" + related + "/edit");
      new_window.addEventListener("load", function() {
        window.postMessage(new_window.kintone !== null, location.origin);
      });
      window.addEventListener("message", (function() {
        return function field_set() {
          //新規レコード側のフィールドを指定してsetする
          var new_app = new_window.kintone;
          var new_record = new_app.app.record.get();
          new_record.record.company.value = field_check;
          //ここから新規で開いたkintone画面でルックアップ先の更新処理を行う
          new_record.record.company.lookup = true;
          new_app.app.record.set(new_record);
          window.removeEventListener("message", field_set, false);
          var cancel1 = new_window.document.getElementsByClassName('gaia-ui-actionmenu-cancel');
          cancel1[0].addEventListener('click', function() {
            new_window.close();
          }, false);
        };
      })(), false);
    });
    $(mySpaceFieldButton).append($button);
  });
})();

```

のように修正すれば良いのではないでしょうか  
今のコードではウィンドウを閉じる処理が書かれた関数が実行されていないので、処理自体を最初のfield\_set関数の中に入れてあげる必要がありそうです

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1724](https://avatars.discourse-cdn.com/v4/letter/l/e95f7d/32.png) [@Legacy\_Account1724](https://community.cybozu.dev/u/Legacy_Account1724)\
**Post date:** [2018 年 1 月 17 日午前 6:01 UTC](https://community.cybozu.dev/t/topic/2799/3 "2018-01-17T06:01:59Z")

</div>

瀧ヶ平様

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

アドバイスいただき、ありがとうございます。

とても助かりました。