Visualize: Report+controls

Test plugins

by Yuriy Bablyukh

HTML

<!--Provide URL to visualize.js-->
<script src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=false"></script>



<!--Provide container to render your visualization-->
<table>

  <tr valign="top">
    <td style="width:80%">
      <div id="container"></div>
    </td>
    <td style="width:20%">
      <div id="inputContainer"></div>
    </td>
  </tr>
</table>

JavaScript

visualize({
  auth: {
    name: "jasperadmin",
    password: "jasperadmin",
    organization: "organization_1"
  }
}, function(v) {

  var inputControls = v.inputControls({
    resource: "/public/Samples/Reports/Cascading_Report_2_Updated",
    container: "#inputContainer",
    error: function(err) {
      console.error(err);
    }
  });


  var report = v.report({
    resource: "/public/Samples/Reports/Cascading_Report_2_Updated",
    container: "#container",
    error: function(err) {
      console.error(err);
    }
  });
  
  report.params({param: ["value"]}).run();

});