This project demonstrates how to use API to customize the Report Viewer 'native' server-side Blazor component.
The Report Viewer API entry point is the DxReportViewer class. You can specify its properties and handle its events to adjust the Report Viewer appearance and behavior.
Related pages: Toolbar.razor, StandAloneParametersPanel.razor.
The sample code sets the component's initial size and zoom level, adds a custom button to the toolbar, hides the Properties Panel.
The example uses the following properties:
| Property | Result |
|---|---|
| RootCssClasses | Sets the component's height and width to 100%. |
| Zoom | Sets the initial zoom level to 125%. |
| SizeMode | Specifies the medium size of the Report Viewer visual elements. |
| TabPanelModel | Gets the Parameters tab in the Properties Panel to hide the tab and do not display the panel. |
The example uses the following method:
| Method | Result |
|---|---|
| ParametersModel.OnSubmitParameters | Applies parameter values and builds the document. |
The following event is handled:
| Event | Result |
|---|---|
| OnCustomizeToolbar | Adds a custom toolbar button that switches the Report Viewer to full-screen mode. |
Related page: StandAloneParametersPanel.razor.
The sample code creates a custom component that is composed of a combo box and a button. The component allows the user to specify the report parameter value.
The example uses the following properties:
| Property | Result |
|---|---|
| ParametersModel | Gets the report parameters model. |
| ParametersModel.VisibleItems | Provides access to the report parameters that the user can change. |
The example uses the following method:
| Method | Result |
|---|---|
| OnAfterRender | Gets access to the TabPanelModel property. |
The following events are handled:
| Event | Result |
|---|---|
| OnCustomizeParameters | Gets the Parameter model and stores it in a variable. |
Related page: CustomEditor.razor.
The sample code specifies a custom template for the parameter editor in the Parameters panel.
The example uses the following properties:
| Property | Result |
|---|---|
| ParametersModel | Gets the report parameters model. |
| ParametersModel.VisibleItems | Gets the specified parameter model from the parameter collection. |
| ParameterModel.ValueTemplate | Specifies the editor template for the parameter in the current model. |
The following events are handled:
| Event | Result |
|---|---|
| OnCustomizeParameters | Retrieves a parameter from the Parameter model and specifies a template for the parameter editor. |
- Download the project and update the DevExpress.Blazor.Reporting.Viewer and DevExpress.Blazor NuGet packages.
- Build and run the project.
(you will be redirected to DevExpress.com to submit your response)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent