New to Telerik Reporting? Download free 30-day trial

The renderingEnd(e, args) Event of the HTML5 Report Viewer

Occurs after rendering the report.

Parameters:

Parameter Description
e This is the jQuery.Event object and e.data is respectively jQuery's event.data.
e.data.sender is the report viewer that raised the event.
args An object with properties:
  • bookmarkNodes - an array of bookmark node object. Each bookmark node has an id, items, page and text.
  • documentMapAvailable - true if the current report has document map. Otherwise false.
  • documentMapNodes - nodes used in the document map.
  • documentReady - the status of the rendered report.
  • pageCount - the page count of the rendered report.
// $(handler) is jQuery's shorthand for $(document).ready(handler)
$(function () {
    $("#reportViewer1").telerik_ReportViewer({
        serviceUrl: "api/reports/",
        reportSource: {
            report: "Telerik.Reporting.Examples.CSharp.Invoice, CSharp.ReportLibrary"
        },
        renderingEnd: function(e, args) {
            console.log("This event handler will be called after rendering the report.");
            console.log("The rendered report is " + (args.documentReady ? "" : "not") + " ready.");
            console.log("The rendered report has " + args.pageCount + " pages.");
            console.log("The rendered report " + (args.documentMapAvailable ? "has" : "does not have") + " document map.");
            console.log("The rendered report has " + args.bookmarkNodes.length + " nodes");
        }
});

Event Binding

The report viewer currently exposes two ways for binding event handlers to events. You may attach event handlers when you instantiate the report viewer, or after that, using the bind method. For a complete list of binding options during initialization please check Report Viewer Initialization. For a complete list of all event names exposed through telerikReportViewer.Events please check telerikReportViewer Namespace, Events.

In this article