case 01796872

by Yuriy Bablyukh

HTML

<html>
<head>
  <script src="http://localhost:8644/jasperserver-pro/client/visualize.js?_opt=true&userTimezone=America/New_York" type="text/javascript"></script>
</head>
<body>
<button onclick="exportFile('pdf', false)">
ExportPdf
</button>
<button onclick="exportFile('xlsx', false)">
ExportXlsx
</button>
<div class="report-result"></div>


</body>
</html>

CSS

.report-result {
  width: 100%;
  height: 100%;
}

JavaScript

var reportPanel = null;           
           visualize(function (v) {
                reportPanel = v.report({
                    resource: "/public/Ad_Hoc_View_ttt_Report",
                    container: ".report-result",
                    params: {"SqlTimestampTest": ["2018-05-20T04:00:00.000Z"]},
                    loadingOverlay: false,
                    success: function () {
                    },
                    error: function (error) {
                        var errorMessage;
                    }
                });
           });
           
exportFile = function(exportFormat, ignorePagination) {
  reportPanel['export']({
    outputFormat: exportFormat,
    ignorePagination: ignorePagination
  }).done(function (link) {
    $(document.body).remove('#downloadFrame');
    $(document.body).append($('<iframe id="downloadFrame" src="' + link.href + '" style="display:none;"></iframe>'));
  }).fail(function (error) {
    console.error(error);
  });
}