Skip to main content

DxReportDesignerCallbacks Class

Specifies client-side event handler functions for the Report Designer. See DxReportDesignerCallbacks Members for the complete list of events.

Namespace: DevExpress.Blazor.Reporting

Assembly: DevExpress.Blazor.Reporting.v24.1.JSBasedControls.Common.dll

NuGet Package: DevExpress.Blazor.Reporting.JSBasedControls.Common

Declaration

public class DxReportDesignerCallbacks :
    SettingsComponent<ReportDesignerCallbacksModel>

Remarks

The DxReportDesignerCallbacks class contains properties that specify JavaScript handler functions for client-side events.

View Example: Blazor Reporting - UI Customization API

You can define a global JavaScript function in an external script file and add the file reference to the page. The following example handles the BeforeRender event to run the Report Wizard at application startup:

  1. Create a JavaScript file in the project’s wwwroot/js folder. Write the following code:

    window.ReportingDesignerCustomization = {
        onBeforeRender: function(s, e) {
            s.RunWizard("NewViaReportWizard")
        }
    }
    
  2. Include the script file in the host page:

    <script src="~/js/reporting_DesignerCustomization.js"></script>
    
  3. Set the DxReportDesignerCallbacks.BeforeRender property to the function name:

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

Inheritance

Object
ComponentBase
DevExpress.Blazor.Reporting.Base.SettingsComponent<DevExpress.Blazor.Reporting.ReportDesignerCallbacksModel>
DxReportDesignerCallbacks
See Also