HTML5 자바스크립트 그리드(JavaScript Grid)

내보내기(Export)는 다음과 같이 7가지 형식을 제공하며, 그리드가 자체적으로 엑셀(xlsx), PDF, CSV 등의 데이터를 작성하여 다운로드 가능토록 합니다.

내보내기는 기본적으로 현재 보이는 그리드의 데이터를 내보냅니다. 따라서 칼럼 헤더를 드래깅하여 그룹핑을 자유자재로 변환하였을 때 보이는 모습이 내보내기 됩니다.

테마가 변경되어 그리드의 모습이 변했을 때 변한 모습으로 엑셀(xlsx), PDF는 내보내기 됩니다.(테마 변경 후 Export 확인)

엑셀(xlsx), PDF를 제외한 다른 형식은 스타일 정보를 갖지 않고 순수 데이터 값만 내보내기(Export) 됩니다.

xlsx 스타일 유지 - 해제 시 엑셀에 스타일 정보(컬러, 폰트 등)가 담기지 않습니다. 그리드의 데이터가 수 만건 인 경우 스타일 정보가 있으면 퍼포먼스 면에서 불리하니 데이터 양이 많은 경우 false 를 권합니다.)

로컬에서 바로 다운로드 설정하는 방법 (FileSaver.js이용, MIT 라이센스)

<!-- 브라우저 다운로딩 할 수 있는 JS 추가 -->
<!-- 정품 및 평가판 압축 해제 후, export_server_samples 폴더(또는 pdfkit 폴더) 안에 있음 -->
<!--FileSaver.js - © Eli Grey (MIT License) https://github.com/eligrey/FileSaver.js -->
<script type="text/javascript" src="./external_js/FileSaver.min.js"></script>
.....
function exportToLocal() {
	// 로컬에서 바로 내보내기 실행 (로컬 자원만으로 엑셀 서식 작성 후 바로 다운로딩 처리합니다.)
	AUIGrid.exportToXlsx(myGridID);
}

참고 : FileSaver.js 없이 엑셀 Blob을 서버로 전송해서 다운로딩 처리도 가능합니다. (DRM 이나 엑셀에 추가 작업이 필요한 경우는 서버로 보내야 합니다.)