DxDocumentViewerCallbacksBase<TModel, TEvents> Class

Base class that specifies client-side event handler functions for the Web Document Viewer and Standalone Report Parameters Panel.

Namespace: DevExpress.Blazor.Reporting

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

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

public class DxDocumentViewerCallbacksBase<TModel, TEvents> :
    SettingsComponent<TModel>
    where TModel : DocumentViewerCallbacksBaseModel<TEvents>, new()

Public Class DxDocumentViewerCallbacksBase(Of TModel As {DocumentViewerCallbacksBaseModel(Of TEvents), New}, TEvents As WebDocumentViewerClientSideEventsBase)
    Inherits SettingsComponent(Of TModel)

Type Parameters

Name
TModel
TEvents

Remarks

The DxDocumentViewerCallbacks 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 specify the Document Viewer’s zoom level:

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

reporting_ViewerCustomization.js

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:

_Host.cshtml

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

Set the BeforeRender property to the function name:

Viewer.razor

<DxDocumentViewer ReportName="SampleReport" Height="1000px" Width="100%">
    <DxDocumentViewerCallbacks BeforeRender="ReportingViewerCustomization.onBeforeRender" />
</DxDocumentViewer>