DxReportDesignerCallbacks.BeforeRender Property

Specifies the JavaScript function that handles the Web Report Designer’s BeforeRender client-side event.

Namespace: DevExpress.Blazor.Reporting

Assembly: DevExpress.Blazor.Reporting.v20.2.dll

NuGet Package: DevExpress.Blazor.Reporting

Declaration

C#

[Parameter]
public string BeforeRender { get; set; }

VB.NET

<Parameter>
Public Property BeforeRender As String

Property Value

Type	Description
String	The name of a JavaScript function used to handle the BeforeRender event.

Remarks

The BeforeRender event allows you to perform any action before the Web Report Designer is rendered.

You can also use this event to customize the Web Report Designer’s View Model before it is bound to an HTML element and/or Knockout binding is activated.

The handler function receives two parameters: the first parameter is the client-side Report Designer (the event sender) and the second parameter is the current View Model.

The following example handles the BeforeRender event to run the Report Wizard at application startup:

reporting_DesignerCustomization.js

window.ReportingDesignerCustomization = {
    onBeforeRender: function(s, e) {
        s.RunWizard("NewViaReportWizard")
    }
}

_Host.cshtml

<script src="~/js/reporting_DesignerCustomization.js"></script>

Designer.razor

<DxReportDesigner ReportName="SampleReport" Height="1000px" Width="100%">
    <DxReportDesignerCallbacks BeforeRender="ReportingDesignerCustomization.onBeforeRender" />
</DxReportDesigner>