Hackett drilldown example

by NesterOne

HTML

<script src="http://build-master.jaspersoft.com:5980/jrs-pro-trunk/client/visualize.js?_opt=false"></script>

<div id="container"></div>

<div>
    <div style="font-size: 11pt">Select from pie chart to open and control a secondary report.</div>
    <br>
    <div id="main"></div>
    <div id="drill-down"></div>
</div>

JavaScript

//Use a master report to control parameters (hyperlinks) within a secondary slave report.

var reportResource = "/public/Samples/Reports/States";

visualize({
    auth: {
        name: "joeuser",
        password: "joeuser",
        organization: "organization_1"
    }
}, function (v) {
    v("#main").report({
        resource: reportResource,
        linkOptions: {
            events: {
                "click": function (ev, link) {
                    if (link.type == "ReportExecution") {
                        v("#drill-down").report({
                            //resource: link.parameters._report,
                            resource: "/public/Samples/Reports/Cities",
                            params: {
                                state: [link.parameters.store_state]
                            },
                        });
                        console.log(link.parameters.store_state);

                    }
                }
            }
        },
        error: function (err) {
            alert(err.message);
        }
    });


});