How to use click and Parameter events in ASP.NET Core Application

This tutorial explains how to handle the View Report button action and customize report parameters using client-side events in the Bold Reports^® Web Report Viewer. The video demonstrates how these events help developers intercept user actions and control parameter behavior before report rendering.

Key Events Explained

View Report Click

Fires when the user clicks the View Report button. This event allows you to validate or modify parameter values before the report is rendered.

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer({
        viewReportClick: function (args) {
            // Write a code block to perform any action when View Report button is clicked.
            // args.cancel = true; // Cancels report rendering
        }
    });
</script>

Before Parameter Add

Triggered before adding a parameter element to the parameter block. This event is useful for customizing parameter UI, setting default values, or modifying parameter behavior.

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer({
        beforeParameterAdd: function (args) {
            // Write a code block to perform any change in report parameter element
            // before it is added to the viewer block.
        }
    });
</script>

Implementation Workflow

User Interaction Handling

Use the viewReportClick event to intercept the View Report action and validate parameters before rendering.

Parameter Customization

Leverage the beforeParameterAdd event to customize parameter appearance or behavior dynamically.

If you want more details about View Report and Parameter Events, you can check this video: