xtrareports-devexpress-dot-blazor-dot-reporting-91942b87.md
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.v25.2.JSBasedControls.Common.dll
NuGet Package : DevExpress.Blazor.Reporting.JSBasedControls.Common
public class DxReportDesignerCallbacks :
SettingsComponent<ReportDesignerCallbacksModel>
Public Class DxReportDesignerCallbacks
Inherits SettingsComponent(Of ReportDesignerCallbacksModel)
The Blazor Report Designer is based on the DevExpress Web Report Designer. The Web Report Designer provides an advanced client-side API that allows you to customize its UI elements and behavior. The DxReportDesignerCallbacks component exposes properties that allow you to specify JavaScript functions as handlers of the client-side events.
Follow these steps to customize the Blazor Report Designer using its client-side API:
Place your JavaScript code in a separate file in the wwwroot folder. Use the window object to create a namespace for your code.
Use the DxResourceManager.RegisterScripts() method to register the corresponding script:
Specify the JavaScript function names as handlers of the appropriate events in the DxReportDesignerCallbacks component:
The following GitHub example project demonstrates various use cases of the Blazor Report Designer client-side events:
View Example: Blazor Reporting - UI Customization API
Object ComponentBase DevExpress.Blazor.Reporting.Base.SettingsComponent<DevExpress.Blazor.Reporting.ReportDesignerCallbacksModel> DxReportDesignerCallbacks
See Also
Client-Side Events in the Blazor Report Designer