How to use drill through action event in JavaScript ReportViewer ?

This article describes how to use the DrillThrough event in the JavaScript ReportViewer . You can also refer to the Getting Started with JavaScript ReportViewer from the User Guide, available in the following link:

https://help.syncfusion.com/js/overview

DrillThrough Action Event in JavaScript ReportViewer:

Syncfusion JavaScript ReportViewer supports the DrillThrough event. This has an actionInfo argument and by using this you can pass the report name and parameter values to the child report from the parent report. You can invoke the DrillThrough action event with the help of the drillThrough property by specifying the event name as shown in following code example.

JS

<script type="text/javascript">
        $(function () {
            $("#container").ejReportViewer(
                {
                    reportServiceUrl: '/api/ReportApi',
                    processingMode: ej.ReportViewer.ProcessingMode.Local,
                    reportPath: '~/ReportTemplate/GroupingAgg.rdlc',
                    drillThrough: "OnDrillThroughClick",
                    toolbarSettings: {
                        items: ej.ReportViewer.ToolbarItems.All & ~ej.ReportViewer.ToolbarItems.Parameters
                    }
                });
        });
        function OnDrillThroughClick(senderobj) {               
            senderobj.actionInfo.ReportName = "ChildReport";
        }        
    </script>

Run the Application:

Run the sample application and you can see the output of the Main report and child report of the JavaScript ReportViewer as displayed in the following screenshots:

Figure 1: Main Report

Figure 2: Child Report

Sample Links:

https://www.syncfusion.com/downloads/support/directtrac/139480/DrillThroughEvent-1793057864.zip