DxReportDesignerCallbacks.TabChanged Property

Specifies the JavaScript function that handles the Web Report Designer’s TabChanged client-side event.

Namespace: DevExpress.Blazor.Reporting

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

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

Declaration

C#

[Parameter]
public string TabChanged { get; set; }

VB.NET

<Parameter>
Public Property TabChanged As String

Property Value

Type	Description
String	The name of a JavaScript function used to handle the TabChanged event.

Remarks

The TabChanged event allows you to respond when the active tab in the Web Report Designer changes.

The following code displays an alert message when the active tab changes:

reporting_DesignerCustomization.js

window.ReportingDesignerCustomization = {
    onTabChanged: function (s, e) {
        alert("The tab was changed to " + e.Tab.displayName());
    }
}

_Host.cshtml

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

Designer.razor

<DxReportDesigner ReportName="SampleReport" Height="1000px" Width="100%">
    <DxReportDesignerCallbacks TabChanged="ReportingDesignerCustomization.onTabChanged" />
</DxReportDesigner>