Kintone レコード一覧に合計値表示

kintoneの一覧画面の「数値」の合計値を一覧の上部に表示します。

javascriptでのカスタマイズとなります。

事前準備

①フォームへ「数値」を追加

フィームで、「数値」を作成してください。

「数値」に入力された数字を合計します。

②ライブラリーの追加

URL指定で、以下のライブラリを追加してください。データ取得にしようしています。

https://js.cybozu.com/kintone-rest-api-client/3.1.16/KintoneRestAPIClient.min.js

プログラム

(function() {
  'use strict';
  kintone.events.on(['app.record.index.show'], async function (event){
 
    const client = new KintoneRestAPIClient();
    const resp  = await client.record.getAllRecords({
                    app: kintone.app.getId(), 
                    fields:['数値']
                });
    const NumSum = resp.reduce(function(previousValue, record ){
                    return previousValue + Number(record.数値.value);
                    }, 0).toLocaleString();
     kintone.app.getHeaderMenuSpaceElement().innerHTML = '合計:' + NumSum;
        return event;   
  });
})();

kintone

一覧のヘッダースペースに、「数値」項目を合計して表示しています。

アプリのデータを取得し、合計しています。（ページング内の合計ではありません）