layout export
현재 그리드에 표시된 컬럼 구조대로 데이터셋을 엑셀 파일로 변환해서 로컬파일로 저장하거나 서버로 업로드합니다.
Excel 내보내기
exportGrid()함수로 지정한 설정에 따라 현재 그리드의 모양과 데이터를 외부 문서로 내보냅니다.
해당 영역을 문서에 포함할 것인 지를 지정합니다.
- default - 현재 그리드에 표시된 상태 그대로 출력 합니다.
- visible - 무조건 해당 영역을 포함시켜 출력 합니다.
- hidden - 무조건 포함시키지 않습니다. GridExportOptions API문서에서 화면에 표시되는 그리드를 엑셀 등의 외부 문서로 내보내기할 때 지정하는 설정 모델을 확인할 수 있습니다.
//layout 설정
layout1 = [
{
name: "companyGroup",
direction: "horizontal",
items: [
"Country",
"CompanyName"
],
header: {
text: "Company",
}
},
"OrderID",
"CustomerID",
"EmployeeID",
"OrderDate",
"Phone"
]
layout2 = [
"OrderID",
{
column: "CustomerID",
width: 200
},
{
name: "companyGroup",
direction: "horizontal",
items: [
"Country",
"CompanyName"
],
header: {
text: "Company"
}
},
{
column: "EmployeeID"
},
"OrderDate",
"Phone"
]
layout3 = [
"OrderID",
"CustomerID",
{
name: "companyGroup",
direction: "vertical",
width: 250,
items: [
"Country",
"CompanyName"
],
header: {
text: "Company"
}
},
"EmployeeID",
"OrderDate",
"Phone"
];
//export 설정
var excelType = Boolean(document.querySelector('input[name="excelType"]:checked').value);
var showProgress = document.getElementById("chkShowProgress").checked;
var indicator = document.querySelector('input[name="indicator"]:checked').value;
var header = document.querySelector('input[name="header"]:checked').value;
var footer = document.querySelector('input[name="footer"]:checked').value;
gridView.exportGrid({
type: "excel",
target: "local",
fileName: "gridExportSample.xlsx",
showProgress: showProgress,
progressMessage: "엑셀 Export중입니다.",
indicator: indicator,
header: header,
footer: footer,
compatibility: excelType,
done: function () { //내보내기 완료 후 실행되는 함수
alert("done excel export")
}
});