그리드 데이터를 엑셀로 다운로드시, 엑셀에 그리드 상단에 타이틀성 정보행을 추가하기 위한 정보를 설정하는 기능 예시이다.
엑셀 타이틀행은 행 단위로 설정되며, 컬럼이 모두 병합된다.
관련 API로 setexceltitletext, setexceltitlealign, setexceltitlecolor, setexceltitlefont, deleteexceltitle이 있다
템플릿 위치: /HTML5/COMPONENT/GRID/grid_excel_title
템플릿 파일
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
// 엑셀 다운로드 이벤트 처리 function btnExcelDown_on_mouseup(objInst) { // 디자인에 맞게 엑셀 타이블 영역을 설정한다. ////////////////////////////////////////////////////////////////////////// // 1행 정보 시작 ////////////////////////////////////////////////////////////////////////// // 파라미터 : row, 텍스트 this .grd.setexceltitletext (1, "(주)xFrame5 직원 정보" ); // 파라미터 : row, vertical_align, horizontal_align this .grd.setexceltitlealign(1, 1, 0); // 파라미터 : row, fore_color, back_color this .grd.setexceltitlecolor(1, factory.rgb(255, 10, 10), factory.rgb(255, 255, 10)); // 파라미터 : row, 폰트이름, 폰트크기, 굵게 여부, 기울임 여부, 언더라인 여부 this .grd.setexceltitlefont(1, "맑은 고딕" , 14, true , false , false , false ); ////////////////////////////////////////////////////////////////////////// // 2행 정보 시작 ////////////////////////////////////////////////////////////////////////// // 빈 ROW 설정 this .grd.setexceltitletext (2, "" ); ////////////////////////////////////////////////////////////////////////// // 3행 정보 시작 ////////////////////////////////////////////////////////////////////////// // 파라미터 : row, 텍스트 this .grd.setexceltitletext (3, "2020년 9월 기준" ); // 파라미터 : row, vertical_align, horizontal_align this .grd.setexceltitlealign(3, 1, 2); // 파라미터 : row, 폰트이름, 폰트크기, 굵게 여부, 기울임 여부, 언더라인 여부 this .grd.setexceltitlefont(3, "맑은 고딕" , 11, false , true , false , false ); ////////////////////////////////////////////////////////////////////////// // 4행 정보 시작 ////////////////////////////////////////////////////////////////////////// // 빈 ROW 설정 this .grd.setexceltitletext (4, "" ); // 엑셀 다운로드 시작 this .grd.downloadexcelex( "title_excel.xlsx" , false , false , true , true , true , true , true , true , true , true , false , false ); } |