How to use Click and Parameter Events in Angular Reporting

This tutorial explains how to handle click actions and customize report parameters in the Bold Reports^® Web Report Viewer. The video demonstrates how developers can intercept the View Report button action and modify parameter elements before rendering the report.

View Report Click

Fires when the View Report button is clicked. This event allows you to validate or modify parameter values before the report rendering process starts. You can also cancel report rendering based on custom logic.

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

Before Parameter Add

Fires before adding a parameter element to the report viewer parameter block. This event enables customization of parameter UI, default values, or behavior before it is rendered.

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

Implementation Workflow

Click Handling

Use the viewReportClick event to intercept user actions before report rendering and apply validations or custom logic.

Parameter Customization

Use the beforeParameterAdd event to customize parameter appearance, behavior, or values dynamically.

To get more information about Click and Parameter Events, you can check this video: