5.20201.680
wijmo.grid.pdf Class FlexGridPdfConverter Wijmo API クラス

FlexGridPdfConverter クラス

FlexGrid をPDFにエクスポートする機能を提供します。

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

Example

階層

  • FlexGridPdfConverter

メソッド

メソッド

静的 draw

  • draw(flex: any, doc: pdf.PdfDocument, width?: number, height?: number, settings?: IFlexGridDrawSettings): void
  • 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'
          }
       }
    });
    

    引数

    • flex: any

      エクスポートするFlexGrid インスタンス。

    • doc: pdf.PdfDocument

      描画先のPdfDocument インスタンス。

    • オプション width: number

      描画領域の幅(ポイント単位)。

    • オプション height: number

      描画領域の高さ(ポイント単位)。

    • オプション settings: IFlexGridDrawSettings

      描画の設定。

    戻り値 void

静的 drawToPosition

  • drawToPosition(flex: any, doc: pdf.PdfDocument, point: Point, width?: number, height?: number, settings?: IFlexGridDrawSettings): void
  • 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'
          }
       }
    });
    

    引数

    • flex: any

      エクスポートするFlexGrid インスタンス。

    • doc: pdf.PdfDocument

      描画先のPdfDocument インスタンス。

    • point: Point

      描画する位置(ポイント単位)。

    • オプション width: number

      描画領域の幅(ポイント単位)。

    • オプション height: number

      描画領域の高さ(ポイント単位)。

    • オプション settings: IFlexGridDrawSettings

      描画の設定。

    戻り値 void

静的 export

  • 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'
          }
       }
    });
    

    引数

    • flex: grid.FlexGrid

      エクスポートするFlexGrid インスタンス。

    • fileName: string

      エクスポートするファイルの名前。

    • オプション settings: IFlexGridExportSettings

      エクスポートの設定。

    戻り値 void