# レコード詳細で編集ボタン設置について

**URL:** <https://community.cybozu.dev/t/topic/6402>\
**Category:** kintone 開発相談\
**Created:** [2020 年 6 月 3 日午前 1:43 UTC](https://community.cybozu.dev/t/topic/6402 "2020-06-03T01:43:18Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2269](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@Legacy\_Account2269](https://community.cybozu.dev/u/Legacy_Account2269)\
**Post date:** [2020 年 6 月 3 日午前 1:43 UTC](https://community.cybozu.dev/t/topic/6402/1 "2020-06-03T01:43:18Z")

</div>

お世話になっています

レコード詳細に[編集ボタン]を設置したく、  
こちらのコミュニティやチュートリアルを参考に以下を作成しました。

テストしたところ、1回目は、編集できる画面になりましたが、  
その編集できる画面で[キャンセル]をクリックしたところ、  
レコード詳細画面に[編集ボタン]は、表示されているのですが、  
[編集ボタン]をクリックしても機能しません。  
どのようにすれば、編集機能が使えるのか、教えて頂けませんでしょうか。

* * *

(function() {

“use strict”;

kintone.events.on(‘app.record.detail.show’, function(event) {

var myIndexButton = document.createElement(‘button’);

myIndexButton.id = ‘my\_index\_button’;

myIndexButton.innerText = ‘編集ボタン’;

myIndexButton.onclick = function() {

location.href += ‘&mode=edit’;

}

kintone.app.record.getHeaderMenuSpaceElement().appendChild(myIndexButton);

});

## })();

よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\
**Post date:** [2020 年 6 月 3 日午前 3:43 UTC](https://community.cybozu.dev/t/topic/6402/2 "2020-06-03T03:43:49Z")

</div>

こんにちは。プロジェクト・アスノートの松田です。

現在の処理で行っているのは、今のURL（フル）に対して、最後に’&mode-edit’を追加する、

という処理なので、キャンセル後のURLをチェックすると、たぶん変な形になっていませんか？

この処理を書き直して、正しい編集画面のURLとなるようにすればいいと思います。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account716](https://avatars.discourse-cdn.com/v4/letter/l/2acd7d/32.png) [@Legacy\_Account716](https://community.cybozu.dev/u/Legacy_Account716)\
**Post date:** [2020 年 6 月 3 日午前 3:54 UTC](https://community.cybozu.dev/t/topic/6402/3 "2020-06-03T03:54:12Z")

</div>

右側にkintoneが用意しているボタンがあるのですが、それではダメなんですよね？

```
var appId = kintone.app.getId();
var recordId = kintone.app.record.getId();

```

と定義したあとに、

```
location.href = '/k/' + appId + '/show#record=' + recordId + '&mode=edit';

```

とすると良いと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2269](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@Legacy\_Account2269](https://community.cybozu.dev/u/Legacy_Account2269)\
**Post date:** [2020 年 6 月 3 日午前 4:59 UTC](https://community.cybozu.dev/t/topic/6402/4 "2020-06-03T04:59:01Z")

</div>

松田様

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

キャンセル後のURLを確認しました。

再度試してみます。

今後も何卒よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2269](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@Legacy\_Account2269](https://community.cybozu.dev/u/Legacy_Account2269)\
**Post date:** [2020 年 6 月 3 日午前 4:59 UTC](https://community.cybozu.dev/t/topic/6402/5 "2020-06-03T04:59:59Z")

</div>

TK様  
アドバイスを頂き、ありがとうございます。  
再度試してみます。  
右側にkintoneが用意しているボタンは、あいにくわかりにくとのことで  
試行錯誤しておりました。  
今後も何卒よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\
**Post date:** [2020 年 6 月 3 日午前 5:02 UTC](https://community.cybozu.dev/t/topic/6402/6 "2020-06-03T05:02:03Z")

</div>

ショートカットを使ってもらうのもいいと思いますよ。

ｅ・・・編集

アプリの画面で「?」を押すとその時使えるショートカットのヘルプが出ます

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2269](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@Legacy\_Account2269](https://community.cybozu.dev/u/Legacy_Account2269)\
**Post date:** [2020 年 6 月 3 日午前 5:29 UTC](https://community.cybozu.dev/t/topic/6402/7 "2020-06-03T05:29:41Z")

</div>

松田様

「e」、ありがとうございます。

取り急ぎ「e」を案内をし、ボタンは引き続き作成します。

今後も何卒よろしくお願いします。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\
**Post date:** [2020 年 6 月 3 日午前 6:42 UTC](https://community.cybozu.dev/t/topic/6402/8 "2020-06-03T06:42:02Z")

</div>

今後のことを考えると、kintoneの「お作法」として、

標準のボタン＋ショートカットで慣れてもらった方がいいと思います。

&nbsp;

（そこは頑張るところじゃあないと思います）

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2269](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@Legacy\_Account2269](https://community.cybozu.dev/u/Legacy_Account2269)\
**Post date:** [2020 年 6 月 3 日午前 6:54 UTC](https://community.cybozu.dev/t/topic/6402/9 "2020-06-03T06:54:54Z")

</div>

松田様

kintoneの「お作法」、ありがとうございます

フォームの上部（ラベル）に、何気にショートカット記載し、

まわりに慣れてもらうようにします。

この度は、ありがとうございました。

今後も何卒よろしくお願い致します。

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2269](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@Legacy\_Account2269](https://community.cybozu.dev/u/Legacy_Account2269)\
**Post date:** [2020 年 6 月 4 日午前 12:59 UTC](https://community.cybozu.dev/t/topic/6402/10 "2020-06-04T00:59:59Z")

</div>

TK様  
お世話になっております。  
欲しかったボタンが実現できました。  
教えて頂いたこと、今後応用できるようにしたいと思っております。  
この度は、ありがとうございました。  
今後も何卒よろしくお願い致します。

---

<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:** [2025 年 8 月 18 日午前 6:24 UTC](https://community.cybozu.dev/t/topic/6402/11 "2025-08-18T06:24:33Z")

</div>

クローズされました: 2025 年 8 月 18 日午前 6:24 UTC

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