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.v24.1.JSBasedControls.Common.dll
NuGet Package: DevExpress.Blazor.Reporting.JSBasedControls.Common
Declaration
public class DxDocumentViewerCallbacks :
DxDocumentViewerCallbacksBase<DocumentViewerCallbacksModel, WebDocumentViewerClientSideEvents>
Remarks
The DxDocumentViewerCallbacks class contains properties that specify JavaScript handler functions for client-side events.
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 specify the Document Viewer’s zoom level:
Create a JavaScript file in the project’s
wwwroot/js
folder. Write the following code:window.ReportingViewerCustomization = { //Change default Zoom level onBeforeRender: function(s, e) { //-1: Page Width //0: Whole Page //1: 100% e.reportPreview.zoom = -1; } }
Include the script file in the host page:
<script src="~/js/reporting_ViewerCustomization.js"></script>
Set the BeforeRender property to the function name:
<DxDocumentViewer ReportName="SampleReport" Height="1000px" Width="100%"> <DxDocumentViewerCallbacks BeforeRender="ReportingViewerCustomization.onBeforeRender" /> </DxDocumentViewer>