マガジンのカバー画像

Kintoneで関連レコードと合計を表示するテーブルの実装

6

本

Kintoneアプリにテーブル形式で関連レコードの明細表示と金額フィールドの合計を表示します。テーブル形式の表示パーツにkintone UI Component v1の部品Rea…

運営しているクリエイター: アプリ活用研究会

#テーブル

関連レコードと合計を表示するテーブルの実装（１／５）

やりたいことアプリにテーブル形式で関連レコードの明細表示と金額フィールドの合計を表示します。テーブル形式の表示パーツにkintone UI Component v1の部品ReadOnlyTable利用してKintoneライクな外見で表示します。この方法の良い点は、アプリのフォーム上に表形式でデータ表示する処理をHTMLの＜TABLE＞タグで記述する面倒な手間が無いことです。 kintone UI Component v1コンポーネントReadOnlyTableのプロパ

関連レコードと合計を表示するテーブルの実装（２／５）

やりたいことアプリにテーブル形式で関連レコードの明細表示と金額フィールドの合計を表示します。テーブル形式の表示パーツにkintone UI Component v1の部品ReadOnlyTableを利用して、Kintoneライクな外見で表示します。 ※本記事では「KUC版読取り専用テーブル」と呼びます。 ※サンプルとしてKintoneアプリストアの「営業支援パック」を使用します。今回のカスタマイズは、全体で120行を超える大きなコードになりますので、手順を分割して全

関連レコードと合計を表示するテーブルの実装（３／５）

やりたいことアプリにテーブル形式で関連レコードの明細表示と金額フィールドの合計を表示します。テーブル形式の表示パーツにkintone UI Component v1の部品ReadOnlyTableを利用して、Kintoneライクな外見で表示します。 ※本記事では「KUC版読取り専用テーブル」と呼びます。 ※サンプルとしてKintoneアプリストアの「営業支援パック」を使用します。今回のカスタマイズは、全体で120行を超える大きなコードになりますので、手順を分割して全

関連レコードと合計を表示するテーブルの実装（４／５）

やりたいことアプリにテーブル形式で関連レコードの明細表示と金額フィールドの合計を表示します。テーブル形式の表示パーツにkintone UI Component v1の部品ReadOnlyTable利用して、Kintoneライクな外見で表示します。 ※本記事では「KUC版読取り専用テーブル」と呼びます。 ※サンプルとしてKintoneアプリストアの「営業支援パック」を使用します。今回のカスタマイズは、全体で120行を超える大きなコードになりますので、手順を分割して全部

関連レコードと合計を表示するテーブルの実装（５／５）

やりたいことアプリにテーブル形式で関連レコードの明細表示と金額フィールドの合計を表示します。テーブル形式の表示パーツにkintone UI Component v1の部品ReadOnlyTable利用して、Kintoneライクな外見で表示します。 ※本記事では「KUC版読取り専用テーブル」と呼びます。 ※サンプルとしてKintoneアプリストアの「営業支援パック」を使用します。今回のカスタマイズは、全体で120行を超える大きなコードになりますので、手順を分割して全部