JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<script type='text/javascript' src="http://build-master.jaspersoft.com:6680/jrs-pro-feature-visualizejs/client/visualize.js"></script>
<button id='test'>test</button>
<table>
    <tr valign="top">
        <td valign="top" width="150px;">
            <div id="container"></div>
        </td>
        <td>
            <div id="report"></div>
        </td>
    </tr>
</table>

CSS

#container {
    width:200px;
}

JavaScript

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

    var report = v.report({
        container:"#report",
        resource: "/public/Samples/Reports/16g.InteractiveSalesReport"
    });

    $("#test").click(function () {
        console.log(report);
    });


});