FlexGrid を既存のPdfDocument の座標 (0, @wijmo.pdf.PdfDocument.y)に描画します。
幅と高さの両方が決定される場合、 グリッドは改ページなしで、指定された四角形に合うように拡大縮小されます。 幅のみが指定されている場合、グリッドは幅に合わせて拡大縮小され、必要に応じて垂直方向に改ページされます。 それ以外の場合、グリッドは実際のサイズでレンダリングされ、必要に応じて改ページされます。
var doc = new wijmo.pdf.PdfDocument({
ended: function (sender, args) {
wijmo.pdf.saveBlob(args.blob, 'FlexGrid.pdf');
}
});
wijmo.grid.pdf.FlexGridPdfConverter.draw(grid, doc, null, null, {
maxPages: 10,
styles: {
cellStyle: {
backgroundColor: '#ffffff',
borderColor: '#c6c6c6'
},
headerCellStyle: {
backgroundColor: '#eaeaea'
}
}
});
エクスポートするFlexGrid インスタンス。
描画先のPdfDocument インスタンス。
描画領域の幅(ポイント単位)。
描画領域の高さ(ポイント単位)。
描画の設定。
FlexGrid を既存のPdfDocument インスタンスの指定された座標に 描画します。
幅と高さの両方が決定される場合、 グリッドは改ページなしで、指定された四角形に合うように拡大縮小されます。 幅のみが指定されている場合、グリッドは幅に合わせて拡大縮小され、必要に応じて垂直方向に改ページされます。 それ以外の場合、グリッドは実際のサイズでレンダリングされ、必要に応じて改ページされます。
var doc = new wijmo.pdf.PdfDocument({
ended: function (sender, args) {
wijmo.pdf.saveBlob(args.blob, 'FlexGrid.pdf');
}
});
wijmo.grid.pdf.FlexGridPdfConverter.drawToPosition(grid, doc, new wijmo.Point(0, 0), null, null, {
maxPages: 10,
styles: {
cellStyle: {
backgroundColor: '#ffffff',
borderColor: '#c6c6c6'
},
headerCellStyle: {
backgroundColor: '#eaeaea'
}
}
});
エクスポートするFlexGrid インスタンス。
描画先のPdfDocument インスタンス。
描画する位置(ポイント単位)。
描画領域の幅(ポイント単位)。
描画領域の高さ(ポイント単位)。
描画の設定。
FlexGrid をPDFにエクスポートします。
wijmo.grid.pdf.FlexGridPdfConverter.export(grid, 'FlexGrid.pdf', {
scaleMode: wijmo.grid.pdf.ScaleMode.PageWidth,
maxPages: 10,
styles: {
cellStyle: {
backgroundColor: '#ffffff',
borderColor: '#c6c6c6'
},
headerCellStyle: {
backgroundColor: '#eaeaea'
}
},
documentOptions: {
info: {
title: 'Sample'
}
}
});
エクスポートするFlexGrid インスタンス。
エクスポートするファイルの名前。
エクスポートの設定。

FlexGrid をPDFにエクスポートする機能を提供します。
次の例では、FlexGridPdfConverter を使用して FlexGrid をPDFにエクスポートする方法を示しています。
デモ