Exporting grouped FlexGrid using 'saveAsync' stops CSS spinner

Posted by: kkozler on 1 July 2020, 4:10 am EST

• 

  kkozler

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 1 July 2020, 4:10 am EST

  I’m trying to export a grouped FlexGrid using ```
  
  wijmo.grid.xlsx.FlexGridXlsxConverter.saveAsync()

  
  In Chrome, this approach works perfectly fine: the user clicks the button, the busy modal appears with a spinner and an "Exporting to Excel" message, and the modal disappears once the Excel file is ready to be saved. In IE11, however, the CSS spinner on the modal stops spinning once the ```
  saveAsync()
  ``` method is hit.
  
  Do you know why this doesn't work in IE11? Any help would be much appreciated.
  
  Here's the modal HTML:
  
  

  {{caption}}

  
  Here's the code for the export:
  
  

  public exportToGroupedExcel(grid: Grid, fileTitle: string,
  
  options?: wijmo.grid.xlsx.IFlexGridXlsxOptions): void {
  
  var busy = this.modals.busy(“Exporting to Excel…”);

  setTimeout(() => {
  	var fileDate: string = wijmo.Globalize.formatDate(
  		new Date(), 'yyyy-MM-dd'); // culture-invariant date format
  	var fileName = `${fileTitle.replaceAll(' ', '-')}-${fileDate}.xlsx`;													wijmo.grid.xlsx.FlexGridXlsxConverter.saveAsync(
  		grid.flexGrid, options, fileName, undefined, reason => 			this.modals.unexpectedError(reason));
  	busy.done();
  }, 500);
  

  }

• 

  kkozler

  • Post Options:
  • Link
    Copy

  Posted 1 July 2020, 4:11 am EST

  Sorry for the weird formatting in that Typescript method.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 1 July 2020, 6:19 pm EST

  Hi Keegan,

  We are sorry but we were unable to replicate the issue at our end. Please refer to the sample attached that we used to replicate the issue.

  In this sample, I have used Wijmo’s Popup to display a modal for exporting but the concept is same as that of bootstrap modal. The UI is not blocked.

  Can you please let us know which version of Wijmo are you using because in the 19v3 and earlier versions, the saveAsync method was not truly asynchronous. This method still blocks the DOM sometimes while exporting.
  
  Only in the 2020v1 version, this method became truly async. If you are using previous versions, then this is an expected behavior.

  Regards,
  
  Ashwin

  export excel.zip

• 

  kkozler

  • Post Options:
  • Link
    Copy

  Posted 1 July 2020, 11:07 pm EST

  Hi Ashwin,

  We are using v. 5.20193.637. It sounds like our path forward is to upgrade to the most recent version, then! Thanks for your help.