2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

kintoneのテーブルのレコードを別アプリのレコードに登録する

Last updated at Posted at 2021-07-05

今回は、テーブルの内容を別アプリにレコードとして登録するカスタマイズです。

アプリの準備

2つアプリを作成します

登録用アプリ(テーブル設置側)

フィールド種類 フィールドコード 備考
スペース spBtn
文字列(1行) 英単語 テーブル内
文字列(1行) 日本語 テーブル内

image.png

レコードを登録したいアプリ

フィールド種類 フィールドコード 備考
文字列(1行) 英単語
文字列(1行) 日本語

image.png

JavaScript

kintone UI Componentkintone REST API Clientを使います。

kintone UI Component

kintone REST API Client

コード

// スペースフィールド取得
const sp = kintone.app.record.getSpaceElement("spBtn");

// ボタン設置
const btn_addRecords = new Kuc.Button({
  text: "レコード作成",
  type: "submit",
});
sp.appendChild(btn_addRecords);

// ボタンクリック
btn_addRecords.addEventListener("click", async (e) => {
  const client = new KintoneRestAPIClient();
  const obj = kintone.app.record.get();
  const recs = [];
  obj.record.テーブル.value.forEach((r) => {
    recs.push({
      英単語: {
        value: r.value.英単語.value,
      },
      日本語: { value: r.value.日本語.value },
    });
  });

  const res = await client.record.addRecords({
    app: {レコードを登録したいアプリのID},
    records: recs,
  });
});

まとめ

登録用アプリでレコード作成ボタンをクリックすると、テーブルの内容がもう一方のアプリにレコードとして追加されます。

tbl.gif

↓続きの記事あるよ↓

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?