DxDocumentViewerCallbacks Class
Specifies client-side event handler functions for the Web Document Viewer. See DxDocumentViewerCallbacks 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
Declaration
public class DxDocumentViewerCallbacks :
DxDocumentViewerCallbacksBase<DocumentViewerCallbacksModel, WebDocumentViewerClientSideEvents>Remarks
Properties of the DxDocumentViewerCallbacks class allow you to specify JavaScript handler functions for client-side events.
Follow these steps to customize the Blazor Document Viewer 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.
window.ViewerCustomization = { onCustomizeElements: function (s, e) { // Your code here } }Use the DxResourceManager.RegisterScripts() method to register the corresponding script:
<head> @...@ @DxResourceManager.RegisterScripts((config) => config.Register(new DxResource("/customizations.js", 900))) @...@ </head>Alternatively, you can add a reference to the script file in the
</body>section of App.razor or Host.cshtml (the file depends in your application type).Specify the JavaScript function names as handlers of the appropriate events in the
DxDocumentViewerCallbackscomponent:<DxDocumentViewer ReportName="SampleReport" Height="1000px" Width="100%"> <DxDocumentViewerCallbacks CustomizeElements="ViewerCustomization.onCustomizeElements" /> </DxDocumentViewer>