PDF로 내보내기

PDF로 FlexGrid 내보내기

FlexGrid 컨트롤을 PDF로 내보내기 위해서 응용 프로그램에 두 개의 모듈을 추가하셔야 합니다.

1. wijmo.pdf.js: PDF 파일을 저장하고 로드하는 일반적인 방법을 제공
2. wijmo.grid.pdf.js: wijmo.pdf.js를 사용하여 FlexGrid 컨트롤을 PDF로 저장하는 FlexGridPdfConverter 클래스를 포함

FlexGrid를 PDF로 내보내기 위해 FlexGridPdfConverter.export 메서드를 호출하고 내보낼 그리드에 파일 이름 및 페이지 형식, 머리글 및 바닥글, 스타일과 같은 추가 옵션에 대한 참조를 제공하면 됩니다.

import * as grid from '@grapecity/wijmo.grid';
import * as pdf from '@grapecity/wijmo.pdf';
import * as gridPdf from '@grapecity/wijmo.grid.pdf';

gridPdf.FlexGridPdfConverter.export(theGrid, 'LearnWijmo.pdf', {
    maxPages: 10,
    scaleMode: gridPdf.ScaleMode.PageWidth,
    documentOptions: {
        compress: true,
        header: { declarative: { text: '\t&[Page] of &[Pages]' } },
        footer: { declarative: { text: '\t&[Page] of &[Pages]' } },
        info: { author: 'C1', title: 'Learn Wijmo' }
    },
    styles: {
        cellStyle: { backgroundColor: '#ffffff', borderColor: '#c6c6c6' },
        altCellStyle: { backgroundColor: '#f9f9f9' },
        groupCellStyle: { backgroundColor: '#dddddd' },
        headerCellStyle: { backgroundColor: '#eaeaea' }
    }
});

PDF를 수동으로 생성하고 내보낸 그리드와 원하는 기타 정보를 추가할 수도 있으며 이는 그리드의 데이터가 포함된 사용자 정의 리포트 또는 문서를 생성할 때 유용합니다.

// create the document
var doc = new pdf.PdfDocument({
    compress: true, 
    header: { declarative: { text: '\t&[Page]\\&[Pages]' } },
    ended: function (sender, args) {
        wijmo.pdf.saveBlob(args.blob, 'LearnWijmoDoc.pdf');
    }
});

// add some content
doc.drawText('This is a FlexGrid control:');

// add the grid (400pt wide)
gridPdf.FlexGridPdfConverter.draw(theGrid, doc, 400);

// finish document
doc.end();