From 809c45c40a940572479e4f5f7e383424b3691249 Mon Sep 17 00:00:00 2001
From: minkyu <minkyu1128@gmail.com>
Date: Mon, 7 Mar 2022 09:26:56 +0900
Subject: [PATCH] =?UTF-8?q?=EB=82=B4=EB=B3=B4=EB=82=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5(excel,=20csv)=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/jsp/index.jsp | 40 +++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/src/main/webapp/WEB-INF/jsp/index.jsp b/src/main/webapp/WEB-INF/jsp/index.jsp
index 8812554..7e512dc 100644
--- a/src/main/webapp/WEB-INF/jsp/index.jsp
+++ b/src/main/webapp/WEB-INF/jsp/index.jsp
@@ -274,11 +274,51 @@ let findData = ()=>{
 
 
 <script type="text/javascript">
+const options = {
+	includeHiddensColumns: true,
+	onlySelected: true,
+	delimiter: '|',
+	fileName: '주민번호 CI 변환',
+}
+let exportExcel = (format) => {
+	instance.export(format, options);
+}
+
+
+
 //import Grid from 'tui-grid'; /* ES6 */
 const Grid = tui.Grid;
 
 const instance = new Grid({
 	el: document.getElementById('grid'), // Container element
+	contextMenu: ({ rowKey, columnName }) => (
+			// 2차원 배열을 반환
+			[
+				[
+					{
+						name: 'expt',
+						label: '내보내기',
+						subMenu: [
+							{
+								name: 'subExpt1',
+								label: 'Excel',
+								action: () => {
+									exportExcel('xlsx');
+								}
+							},
+							{
+								name: 'subExpt2',
+								label: 'CSV',
+								action: () => {
+									exportExcel('csv');
+								}
+							},
+						],
+					},
+				]
+			]
+	),
+
 	// data: {
 	// 	initialRequest: false,
 	// 	api: {