ExportSettings.UseAsynchronousExport Property

Allows you to export documents asynchronously.

Namespace: DevExpress.XtraReports.Web.WebDocumentViewer.DataContracts

Assembly: DevExpress.XtraReports.v21.2.Web.dll

NuGet Package: DevExpress.Web.Reporting.Common

Declaration

C#

[DataMember(Name = "useAsynchronousExport")]
public bool UseAsynchronousExport { get; set; }

VB.NET

<DataMember(Name:="useAsynchronousExport")>
Public Property UseAsynchronousExport As Boolean

Property Value

Type	Description
Boolean	True to perform export operations asynchronously; false to export documents in the same UI thread.

Property Paths

You can access this nested property as listed below:

Object Type	Path to UseAsynchronousExport
DxReportDesignerReportPreviewSettings	.ExportSettings .UseAsynchronousExport
ReportPreviewSettings	.ExportSettings .UseAsynchronousExport
WebDocumentViewerModel	.ExportSettings .UseAsynchronousExport

Remarks

When the Document Viewer exports a document asynchronously, it opens a new browser page (tab) with a progress indicator:

Code Examples

ASP.NET Core

Viewer

@{
    var viewerRender = Html.DevExpress().WebDocumentViewer("DocumentViewer")
        .Height("1000px")
        .ExportSettings(settings =>
        {
            settings.UseAsynchronousExport = true;
        })
        .Bind("TestReport");
    @viewerRender.RenderHtml()
}

Designer

@{ var designerRender = Html.DevExpress().ReportDesigner("reportDesigner")
                     .Height("1000px")
                     .ReportPreviewSettings(previewsettings =>
                     {
                         previewsettings.ExportSettings.UseAsynchronousExport = true;
                     })
                     .Bind("TestReport");
    @designerRender.RenderHtml() 
}

Angular

Angular

 

report-viewer.html

<dx-report-viewer [reportUrl]="reportUrl" height="800px">
    <dxrv-request-options [invokeAction]="invokeAction" [host]="hostUrl"></dxrv-request-options>
    <dxrv-export-settings [useAsynchronousExport]="useAsynchronousExport"></dxrv-export-settings>
</dx-report-viewer>>

 

report-viewer.ts

import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'report-viewer',
    encapsulation: ViewEncapsulation.None,
    templateUrl: './report-viewer.html',
  styleUrls: [
    //...
  ]
})
export class ReportViewerComponent {
    reportUrl: string = "TestReport";
    invokeAction: string = '/DXXRDV';
    useAsynchronousExport: boolean = true;
    // ...
}