JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<button id="next">Next</button>
<div id="container"></div><script type='text/javascript' src="http://build-master.jaspersoft.com:7480/jrs-pro-feature-jive-refactoring/client/visualize.js?_opt=true&logEnabled=false"></script>

CSS

#container {
    height: 800px;
}

JavaScript

function handleError(e) {
        alert(e);
        console.log(e);
    }

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {

    var page=1;
    
    var report = v.report({
        resource: "/public/Samples/Reports/04._Product_Results_by_Store_Type_Report",
        container: "#container",
        error: handleError
    });
    
    $("#next").on("click", function(){
         report.pages(++page).run().fail(handleError);   
    });
    

},handleError);