DxReportDesignerCallbacks.PreviewParametersSubmitted Property

Specifies the JavaScript function that handles the Web Report Designer’s PreviewParametersSubmitted 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 PreviewParametersSubmitted { get; set; }

VB.NET

<Parameter>
Public Property PreviewParametersSubmitted As String

Property Value

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

Remarks

The ParametersSubmitted event occurs when all parameter values are entered in the Parameters panel and the user clicks Submit.

The handler function receives two parameters - the first parameter is the client-side Preview (the event sender) and the second parameter is an object with the following properties and methods:

• ParametersViewModel
  A View Model for report parameters.

• Parameters
  Report parameters and their submitted values.

The following code demonstrates how to automatically collapse the Parameters panel after the user submits the parameter values:

reporting_DesignerCustomization.js

window.ReportingDesignerCustomization = {
    onPreviewParametersSubmitted: function(s, e) {
        var preview = s.GetPreviewModel();
        if (preview) {
            preview.tabPanel.collapsed(true);
        }
    }
}

_Host.cshtml

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

Designer.razor

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