JSFiddle - React, Tailwind, and code Playground

by NesterOne

HTML

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

<button id="btn1">Extend default hyperlink behavior</button>
<button id="btn2">Disable hyperlink click events</button>

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

CSS

#container {
    height: 800px;
    width: 100%;
}

JavaScript

visualize({
    auth: {
        name: "jasperadmin",
        password: "jasperadmin",
        organization: "organization_1"
    }
}, function (v) {
    var dashboard = v.dashboard({
        resource: "/public/Samples/Dashboards/3.1_Sales_Metrics",
        container: "#container",
        error: function(e) {
            alert(e);
        }
    });
    
     document.querySelector("#btn1").addEventListener("click", function() {
        dashboard.linkOptions({ 
            events: { 
                click: function(ev, link, defaultHandler) {
                    alert("before default handler");
                    defaultHandler();
                    alert("after default handler");
                } 
            } 
        }).run();
    });
    
    document.querySelector("#btn2").addEventListener("click", function() {
        dashboard.linkOptions({ 
            events: { 
                click: function(ev, link, defaultHandler) {
                    alert("default handler will not be called");
                } 
            } 
        }).run();
    });
});