How to: Access the Report Designer Control (Blazor)

• Feb 05, 2021

This example demonstrates how to access the adapter of the DxReportDesigner component that Blazor XAF applications use to display reports.

When a user customize a report at runtime, a Blazor application opens a Detail View that contains ReportDesignerViewItem. Follow the steps below to access this View Item and its component:

1. Add the DevExpress.ExpressApp.ReportsV2.Blazor NuGet package to the Blazor Module project (MySolution.Module.Blazor).
2. In the Blazor Module project (MySolution.Module.Blazor), create a View Controller.
3. Set its View property to DetailView and TargetViewId to the View’s identifier. The ReportsBlazorModuleV2.ReportDesignerDetailViewName constant stores this identifier.
4. In the overridden OnActivated method, call the CustomizeViewItemControl<T>(DetailView, Controller, Action<T>) method.
5. Use the ViewItem.Control property to access the Report Viewer’s control.

C#

using DevExpress.ExpressApp;
using DevExpress.ExpressApp.ReportsV2.Blazor;
// ...
public class AccessReportDesginerController : ViewController<DetailView> {
    public AccessReportDesginerController() {
        TargetViewId = ReportsBlazorModuleV2.ReportDesignerDetailViewName;
    }
    protected override void OnActivated() {
        base.OnActivated();
        View.CustomizeViewItemControl<ReportDesignerViewItem>(this, CustomizeDesignerViewItem);
    }
    private void CustomizeDesignerViewItem(ReportDesignerViewItem designerDetailItem) {
        string reportName = ((ReportDesignerViewItem.DxReportDesignerAdapter)designerDetailItem.Control).ComponentModel.ReportName;
        // ...
    }
}