엑셀(Excel)

엑셀 저장

Step 1: 로컬(브라우저)기반 엑셀 저장

그리드에 있는 데이터를 저장하는 것은 크게 서버에 엑셀 다운로드를 요청하는 방법과 브라우저에 있는 데이터를 바로 저장하는 방법이 있습니다.

qcell.excelDownload(properties);


Step 2: 서버기반 엑셀 저장

서버를 기반으로 하는 것은 QCELL의 기능이 아니고 자바 poi 방식으로 서버 프로그램 방식


엑셀 업로드

로컬 기반 엑셀 업로드

빈 그리드에 로컬에 있는 엑셀 파일의 내용을 업로드하는 것은 "파일선택"을 클릭하여 엑셀로 저장한 엑셀 파일을
선택하면 업로드 되는 것을 볼 수 있습니다.

qcell.excelUpload(properties);


컬럼 커스텀하여 엑셀 저장

컬럼(추가,삭제, 순서 변경)

컬럼 추가, 컬럼 삭제, 컬럼 순서 변경(현재 화면에서 컬럼 순번을 기준)하여 엑셀 다운로드를 할 수 있습니다.

  • addColumns : 컬럼 추가
  • delColumns : 컬럼 삭제
  • orderColumns : 컬럼 순서 변경

컬럼의 포맷 옵션을 적용한 엑셀 저장(적용된 모든 셀에 대한 포맷팅 후 엑셀 저장을 하게 되므로 성능 고려하여 채택)은 컬럼 설정에 옵션으로 적용된 포맷(날짜, 숫자, 금액, 커스텀)을 적용하여 엑셀 저장을 할 수 있도록 합니다.

QCELL.config.excelexportwithformat = true;


데이터 복사 & 붙여넣기

그리드 화면의 데이터를 엑셀에 복사하거나, 엑셀 데이터를 그리드 화면에 붙여넣기 위해서는 paste와 copy 옵션을 설정해야 합니다.

참고 : 병합된 데이터를 엑셀로 다운로드할 경우, 병합된 상태로 표시되지만, 복사 & 붙여넣기 시 병합이 풀린 채로 붙여넣어집니다.

  id: "qcell1",
  parentid: "sheetarea",
  paste: true,
  copy: true,
  columns: [
  	  { key: 'province', width: '10%', title: ['시도'], styleclassname: { "data": "align-center" } }
  	, { key: "parkingName", title: ["주차장명"], width: '20%', sort: true, resize: true, styleclassname: { "data": "align-center" }}
  	, { key: "address", title: ["주소"], width: '30%', styleclassname: { "data": "align-left" }, resize: true, type: 'textarea' }
  	, { key: "latitude", title: ["위도"], width: '10%', styleclassname: { "data": "align-right" } }
  	, { key: "longitude", title: ["경도"], width: '10%', styleclassname: { "data": "align-right" } }
  	, { key: "authorities", title: ["관리기관"], styleclassname: { "data": "align-center" }, width: '20%' }
  ],
  "pagination": { pageunit: 10, unitlist: [10, 20, 30] },
  rowheader: "sequence",
  data: { "input": sampleData },
  emptymessage: "no data",
  merge: { "header": "col", "data": "col" }


local file upload