Visualize: Render Adhoc View

Test plugins

HTML

<script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<div id="filters"></div>
<button id="applyFilter">
  Apply
</button>
<div id="container"></div>

CSS

#container {
  height: 400px;
}

#filters {
  width: 400px;
}

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var report = v.report({
    resource: "/public/table_Report",
    container: "#container",
    success: function() {
      console.log("rendered");
    },
    error: function(e) {
      console.log(e);
    }
  });

  var controls = v.inputControls({
    container: "#filters",
    resource: "/public/table_Report",
    success: function(data) {

      console.log(data.parameters);
    },
    error: function(e) {
      console.log(e);
    },
    events: {
      change: function(params) {

        if (typeof console != "undefined") {
          console.log(params);
        }

      }
    }

  });


  $("#applyFilter").on("click", function() {

    report.params(controls.data().parameters).run(function(data) {
      console.log(data);
    }).fail(function(e) {
      console.log(e);
    });

  });


});