【kintoneカスタマイズ】ドロップダウンの値によってテーブルの初期値を設定しよう！

👇youtubeの動画はこちら

サンプルアプリ

アプリ設定。
▼サービス
フィールドタイプ：ドロップダウン
フィールドコード：サービス

▼テーブル
フィールドタイプ：テーブル
フィールドコード：テーブル

▼テーブル内フィールド
　▼商品名
　フィールドタイプ：文字列_1行
　フィールドコード：商品名
　▼個数
　フィールドタイプ：数値
　フィールドコード：個数

フィールドの設定

サンプルコード

// table.js
(function() {
	"use strict";

	// イベント発火
	kintone.events.on([
	  "app.record.create.change.サービス",
	  "app.record.edit.change.サービス"
	], (e) => {
		const record = e.record;
		const service = record["サービス"].value;
		
		if (service == "Aセット") {
		  record["テーブル"].value = [
		    {
		      value: {
		        "商品名": { type: "SINGLE_LINE_TEXT", value: "商品A-1" },
		        "個数": { type: "NUMBER", value: 1 }
		      }
		    },
		    {
		      value: {
		        "商品名": { type: "SINGLE_LINE_TEXT", value: "商品A-2" },
		        "個数": { type: "NUMBER", value: 3 }
		      }
		    }
		  ];
		}
		else if (service == "Bセット") {
		  record["テーブル"].value = [
		    {
		      value: {
		        "商品名": { type: "SINGLE_LINE_TEXT", value: "商品B-1" },
		        "個数": { type: "NUMBER", value: 2 }
		      }
		    },
		    {
		      value: {
		        "商品名": { type: "SINGLE_LINE_TEXT", value: "商品B-2" },
		        "個数": { type: "NUMBER", value: 3 }
		      }
		    }
		  ];
		}
		else if (service == "Cセット") {
		  record["テーブル"].value = [
		    {
		      value: {
		        "商品名": { type: "SINGLE_LINE_TEXT", value: "商品C-1" },
		        "個数": { type: "NUMBER", value: 1 }
		      }
		    },
		    {
		      value: {
		        "商品名": { type: "SINGLE_LINE_TEXT", value: "商品C-2" },
		        "個数": { type: "NUMBER", value: 3 }
		      }
		    },
		    {
		      value: {
		        "商品名": { type: "SINGLE_LINE_TEXT", value: "商品C-3" },
		        "個数": { type: "NUMBER", value: 3 }
		      }
		    }
		  ];
		}
		else {
		  record["テーブル"].value = [];
		}
		return e;
	});

})();

#kintone #kintoneカスタマイズ #KAIZEN #CustomezeEditor