1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

/*
 * テーブルのデータを別アプリから参照するサンプルプログラム
 * Copyright (c) 2020 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
*/

(() => {
  'use strict';

  kintone.events.on('app.record.detail.show', (event) => {

    // 「旅費精算申請アプリ」のアプリのIDに書き換えてください
    const APP_ID = 123;

    // 「出張申請番号」として利用する「レコード番号」を取得
    const applicationNumber = kintone.app.record.getId();

    // フィールドコードを変数に格納
    const businessTripExpenses = '旅費';
    const date = '旅費日付';
    const transportation = '手段';
    const summary = '旅費摘要';
    const amount = '旅費金額';
    const receipt = '旅費領収書';

    // 「旅費精算申請アプリ」情報を表示する表を作成
    const tableHtml = `<thead><tr>
        <th>${date}</th>
        <th>${transportation}</th>
        <th>${summary}</th>
        <th>${amount}</th>
        <th>${receipt}</th>
      </tr></thead>
    </tbody>`;

    // スペースフィールドに作成した表を表示
    const tableEl = document.createElement('table');
    tableEl.id = 'table';
    tableEl.border = '1';
    tableEl.style.textAlign = 'center';
    tableEl.style.padding = '10px';
    tableEl.insertAdjacentHTML('afterbegin', tableHtml);
    kintone.app.record.getSpaceElement('tableSpace').appendChild(tableEl);

    // 「旅費精算申請アプリ」から「出張申請番号」が同じのレコードを取得
    const params = {
      app: APP_ID,
      query: `出張申請番号 = ${applicationNumber}`
    };
    return kintone.api(kintone.api.url('/k/v1/records', true), 'GET', params).then((resp) => {

      const travelExpenseAppRecords = resp.records;

      // 同じ「出張申請番号」のレコードが「旅費精算申請アプリ」に存在しないときにエラーを表示
      if (travelExpenseAppRecords.length === 0) {
        window.alert('「旅費精算申請アプリ」に同じ「出張申請番号」のレコードがないため、「旅費」テーブルのデータを表示できません。');
        return event;
      }

      // 取得した「旅費精算申請アプリ」のテーブルデータを作成した表に格納
      const tableRows = travelExpenseAppRecords[0][businessTripExpenses].value;
      const tableRef = document.getElementById('table');

      tableRows.forEach((row) => {
        const tableRow = tableRef.insertRow(-1);
        const cell1 = tableRow.insertCell(-1);
        const cell2 = tableRow.insertCell(-1);
        const cell3 = tableRow.insertCell(-1);
        const cell4 = tableRow.insertCell(-1);
        const cell5 = tableRow.insertCell(-1);

        cell1.appendChild(document.createTextNode(row.value[date].value));
        cell2.appendChild(document.createTextNode(row.value[transportation].value));
        cell3.appendChild(document.createTextNode(row.value[summary].value));
        cell4.appendChild(document.createTextNode(row.value[amount].value));
        cell5.appendChild(document.createTextNode(row.value[receipt].value));
      });

      return event;

    }).catch((error) => {
      // エラー表示をする
      window.alert(`エラーが起こりました。エラーメッセージ：${error.message}`);
      return event;
    });
  });
})();

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

/*
 * テーブルデータを別のアプリに保存するサンプルプログラム
 * Copyright (c) 2020 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
*/

(() => {
  'use strict';

  // 「出張申請アプリ」のアプリのIDに書き換えてください。
  const APP_ID = 123;

  // フィールドコードを変数に格納
  const businessTripExpenses = '旅費';
  const applicationNumber = '出張申請番号';

  kintone.events.on(['app.record.edit.submit', 'app.record.create.submit'], (event) => {

    // 「旅費精算申請アプリ」のサブテーブルオブジェクトを取得
    const travelExpenseAppRecord = event.record;
    const tableRows = travelExpenseAppRecord[businessTripExpenses].value;

    // 「旅費精算申請アプリ」のサブテーブルオブジェクトを配列に格納
    const subtable = tableRows.map((row) => {
      return {value: row.value};
    });

    // 出張申請アプリから、同じ「出張申請番号」(レコード番号)のレコードを取得
    const paramForGet = {
      app: APP_ID,
      id: travelExpenseAppRecord[applicationNumber].value
    };
    return kintone.api(kintone.api.url('/k/v1/record', true), 'GET', paramForGet).then((resp) => {

      const businessTripAppRecord = resp.record;

      // 「出張申請アプリ」に同じ「出張申請番号」のレコードが存在しないときにエラーを表示
      if (!businessTripAppRecord) {
        window.alert('「出張申請アプリ」に同じ「出張申請番号」のレコードがないため、旅費精算申請データの更新ができません。');
        return event;
      }
      // 取得した出張申請データに旅費精算申請データを更新
      const paramForPut = {
        app: APP_ID,
        id: travelExpenseAppRecord[applicationNumber].value,
        record: {
          // 旅費精算申請データ(サブテーブル)
          旅費: {
            value: subtable
          }
        }
      };

      // データを追加したレコードを「出張申請アプリ」に反映
      return kintone.api(kintone.api.url('/k/v1/record', true), 'PUT', paramForPut);

    }).then((resp2) => {
      // 処理成功したときのメッセージ
      window.alert('出張申請アプリに旅費精算申請データを反映しました!');
      return event;

    }).catch((error) => {
      // 処理が失敗したときにエラー表示をする
      window.alert(`出張申請アプリへの反映が失敗しました。\n${error.message}`);
      return event;
    });
  });
})();