json 이나 table 데이터를 엑셀로 변환 하는 js 라이브러리

 와우... 오랫만에 티스토리에 글 작성하네요~

티스토리 에디터 넘나 불편한것 ..

음~ 일하면서 .. 검색을 통해 알게된 js 라이브러리 를 소개할께요 

이번에 유용하게 잘 써먹었네요..

보통은 검색결과를 다운로드 하려면 엑셀로 하나의 프로그램을 작성해야 하는 번거로움이 있었는데요.

구글링 해보니 json 으로 받은결과 어떤 한 table의 내용들을 그대로 엑셀로 읽어들여서

js 파일 내부에서 엑셀파일 헤더를 만들고 다운로드 하는 유용한 소스가 있었습니다.

제가 어떤 버전을 받은건지는 모르겠으나 원하는데로 동작하지 않아서

약간의 수정은 거쳤습니다.

문제점 . 파일명이 다운로드.xls 로 다운된다.

- ie 용 엑셀다운로드 수정

excelexportjs.js  소스 내용중 ie 의 경우 새 이름으로 저장하는 다이얼로그가 뜨게 되는데

그 소스는 

   iframe.document.open("txt/html", "replace");

   iframe.document.write(tab_text);   // tab_text 는 엑세변환할 데이터 입니다. <table border=2px><tr><td>엑셀타이틀</td>...

   iframe.document.close();

   iframe.focus();

호출해줬던 페이지에 iframe 이 없었습니다.

본페이지(부모페이지) 에 iframe 만들어 주기

<iframe id="iframe" name="iframe" style="display:none;"></iframe>

- chrome 용 엑셀다운로드... 수정

크롬 브라우저 에선 방법을 다운로드.xls  로 계속 다운받아지는데 해결방법을 검색하다가~

a 링크를 만들고 클릭해주는 방법을 찾았습니다.

그 소스는 ...

스크립트에 Export 함수내부에 

엑셀데이터를 만들고 반환해주는 부분에서 반환하지 않고 a 태그를 만들어서 강제로 클릭시켜주는 방법이었습니다.

var link = document.createElement("a");

link.download = fileName;   // title_현재날짜.xls 로 만들어 준것 기존에는 다운로드.xls 로만 다운로드 됐기에 ...

link.href = uri + base64(format(excelFile, ctx));

link.focus();

link.click();

여기까지 하면 새 창이 뜨고 title_현재날짜.xls 로 다운로드 되서 애 먹었습니다.

이 한줄을 추가하면 해결되더군요..

e.preventDefault();

submit이 발생하는걸 억제시켜주는 역할을 한다고 합니다.

...

업무하러 가야해서.. 

Export-Table-JSON-Data-To-Excel-jQuery-ExportToExcel.zip

유용했습니다. json을 엑셀로 변환해주는 자바스크립트 라이브러리 

굿굿