JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

HTML

<script type='text/javascript' src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script type='text/javascript' src="http://bug-js-55557-woff2-cors_lastbuild.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js?_opt=false"></script>

<!--Provide container to render your visualization-->
<button id='applyFilter'>Apply Filter

</button>
<div id="container" style="height: 400px;position: relative"></div>

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var inputControls = v.inputControls({
    container: "#container",
    resource: "/public/Ad_Hoc_View_Report",
    error: function(err) {
      console.log('render error: ')
      console.log(err)
    },
    success: function() {
      console.log('rendered');

    }

  });


  jQuery("#applyFilter").on("click", function() {
    inputControls.run().fail(function(err) {
      console.log('parameter is not applied: ')
      console.log(err)
    }).done(function() {
      console.log('parameter is applied')
    });

  });




});