How to show PDF Export Progress Bar

How to show PDF Export Progress Bar

Posted by: curiosichi on 16 July 2019, 1:16 pm EST

• 

  curiosichi

  • Post Options:
  • Link
    Copy

  Posted 16 July 2019, 1:16 pm EST

  I am exporting a large PDF of a flexsheet workbook that comes to about 70+ pages on average.

  I want to display a progress bar in angular 8.0 of the current progress of a PDF document being created. I have a component to do this using a 0 to 1 scale. I thought I was on track with the “progress” property of wijmoGridPDF.FlexGridPdfConverter.draw but the UI thread is locked so I am unable to update my visual component. All i am able to do is view the progress via console:

  
              progress: function(value) {
                  console.log('PDF conversion progress:', value);
              }
  
  

  Is there an example for reference to display a progress bar for the whole workbook (multiple sheets in a flexsheet)?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 17 July 2019, 8:23 am EST

  Hi,

  We are still investigating the case. We will give you an update as soon as we have further information.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 18 July 2019, 7:52 am EST

  Hi,

  You may achieve the desired behavior using PdfWebWorker class. PdfWebWorker uses web worker to export grids in the background thread.

  Please refer to the link below:

  https://www.grapecity.com/wijmo/demos/Grid/ImportExportPrint/PDF/WebWorkers/angular

  This demos shows how to export FlexGrid using web worker but it will work the same with FlexSheet.
  
  Let us know if you face any issues.

  Regards,
  
  Ashwin