JRS-1217

by Yaroslav Kovalchyk

HTML

<!--Provide URL to visualize.js-->
<script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<select id="format">
    <option>pdf</option>
    <option>xlsx</option>
    <option>xls</option>
    <option>rtf</option>
    <option>csv</option>
    <option>xml</option>
    <option>odt</option>
    <option>ods</option>
    <option>docx</option>
</select>
<button id="button" disabled>Export</button>
<!--Provide container to render your visualization-->
<div id="container1"></div>

JavaScript

var report,
    button = document.getElementById("button"),
    select = document.getElementById("format");

visualize.config({
    auth: {
        name: "superuser",
        password: "superuser",
        organization: ""
    }
});

visualize(function (v) {
    report = v.report({
        resource: "/public/Samples/Reports/5g.AccountsReport",
        container: "#container1",
        "pages":"1",

        success: function () {
            button.removeAttribute("disabled");
        },

        error: function (error) {
           alert(error);
        }
    });
});

button.onclick = function () {
    report.export({
        //export options here        
        outputFormat: select.options[select.selectedIndex].innerHTML,
        
         "paginated":true
        //end of export options
    }, function (url) {
        window.open(url);
    }, function (error) {
        console.log(error);
    });
}