Visualize: Render report with pagination

Test plugins

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<div id="spinner"></div>
<button>Cancel</button>
<div id="container"></div>

CSS

#spinner{
    float: left;
    padding: 10px;
}

#container {
  height: 600px;
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
   
    var button = $("button");
    
    var report = v.report({
        resource: "/public/Samples/Reports/02._Sales_Mix_by_Demographic_Report",
        container: "#container",
        events: {
            changeTotalPages : function(){

            }
        }
    }).done(() => {});
    
    report.cancel()

    button.click(function () {
        report
            .cancel()
            .then(function () {
                alert("Report Canceled!");
            })
            .fail(function () {
                alert("Can't Cancel Report");
            });
    });
});