JSFiddle - React, Tailwind, and code Playground

by Stas_P

HTML

<script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>

<button id="export" disabled>Export</button>
<br/>
<div id="container"></div>

JavaScript

visualize({
    auth: {
        name: "joeuser",
        password: "joeuser",
        organization: "organization_1"
    }
}, function (v) {
    var report = v.report({
        resource: "/public/Samples/Reports/AllAccounts",
        container: "#container",
        ignorePagination: true,
        success: function() {
            $("#export").prop("disabled", false);
        },
        error: function(e) {
            alert(e);
        }
    });
    
    
    $("#export").on("click", function() {
        report
            .export({ 
            	outputFormat: "pdf",
              ignorePagination: false
            })
            .done(function(link) {
                window.open(link.href, "_blank");
            });
    });
});