APIでのレコード登録について

kintone カスタマイズ
1

APIを利用してのレコード登録について質問なんですが、
アプリ内でボタンを押下すると自動で他のアプリに特定の項目が登録されるということをしたいのですが、kintone.apiでの登録はどのようにしてできるのでしょうか？
よろしくお願いします。

2

竹中利之様
cstapの落合です。

保存時に他のアプリに登録したい場合は、app.record.create.submitやapp.record.edit.submitイベントを利用します。
ボタンを設置して、ボタンクリックイベントを利用することもできます。
ボタン設置についてはTipsのはじめようシリーズを参考にしてください。

利用するイベント内でkintone.apiにより、他のアプリにデータを登録する処理を記述してください。

app.record.create.submitやapp.record.edit.submitイベントを利用する場合は、こんな感じでJavaScriptを記述します。

/**
* string1フィールドとstring2フィールドをカンマ区切りで連結し、他アプリのother_stringフィールドに登録する
* 登録するレコードは新規作成
*
* @author Yuichi Ochiai ochiai@cstap.com
*/
(function() {
“use strict”;

// 他のアプリID
var otherAppId = 282;

// 登録＆編集イベント
kintone.events.on(['app.record.create.submit', 'app.record.edit.submit'], function(event) {
    var record = event.record;
    var str1 = record.string1.value;
    var str2 = record.string2.value;

    var params = {
        app:otherAppId,
        record: {
            other_string:{
                value:str1 + ', ' + str2
            }
        }
    };

    // 他のアプリにレコードを登録
    kintone.api('/k/v1/record', 'POST', params);
});

})();

3

竹中利之様
cstapの落合です。

詳細画面にボタンを設置して他のアプリにAPIで保存したい場合はこんな感じです。
参考になりますでしょうか？

/**
* string1フィールドとstring2フィールドをカンマ区切りで連結し、他アプリのother_stringフィールドに登録する
* 登録するレコードは新規作成
*
* @author Yuichi Ochiai ochiai@cstap.com
*/
(function() {
“use strict”;

// 他のアプリID
var otherAppId = 282;

// 登録＆編集イベント
kintone.events.on('app.record.detail.show', function(event) {
    var record = event.record;

    // メニュ右側の空白部分にボタンを設置
    var myIndexButton = document.createElement('button');
    myIndexButton.id = 'my_index_button';
    myIndexButton.innerHTML = 'ボタン';
    myIndexButton.onclick = function() {
        var str1 = record.string1.value;
        var str2 = record.string2.value;

        var params = {
            app:otherAppId,
            record: {
                other_string:{
                    value:str1 + ', ' + str2
                }
            }
        };

        kintone.api('/k/v1/record', 'POST', params);
    };

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

})();

4

cstap 落合様

早速のご回答ありがとうございます。
ボタンを設置し、押下後のイベントとして以下の通り作成し、実装できました。
ありがとうございました。

5

竹中利之様、解決したようで良かったです。

また何かありましたら、お気軽にご質問ください。