Visualize: search

Search By text in report

by Yuriy Bablyukh

HTML

<script src="http://develop_lastsuccessfulbuild.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js"></script>

<table>

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

CSS

.jr_search_result {
  background-color: green;
}

table {
  width: 100%;
}

#container{
  height: 400px;
}

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {

  var reportUri = '/public/Samples/Reports/01._Geographic_Results_by_Segment_Report';
  var report = v.report({
    resource: reportUri,
    container: "#container",
    error: handleError,
    success: function(data) {
      console.log(data);
    }
  });

  var inputControls = v.inputControls({
    resource: reportUri,
    container: "#inputContainer",
    error: handleError
  });

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

    inputControls.run().fail(function(error) {
      console.error(error);
    }).done(function() {
      report.params(inputControls.data().parameters).run(function(data) {
        console.log(data);
      }).fail(hendleError(err));
    });

  });

  //show error
  function handleError(err) {
    console.error(err);
  }

});