Visualize: Render Adhoc View and controls

Visualize: Render Adhoc View and controls

by Yuriy Bablyukh

HTML

<script type='text/javascript' src="http://infra-platforms-phase2-10331-dbooth.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js?userLocale=de"></script>

<div id="ic_main">
<div id="ic_container">
</div>
  <button id="apply">
Apply
</button>
</div>

<div id="container"></div>

CSS

#container{
  height:400px;
  width: 78%;
  display: inline-block;
}

#ic_main{
  vertical-align: top;
  width: 20%;
  display: inline-block;
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
	  var _resource ="/public/IsOneOf_Domain_Bericht"
    var report = v.report({
    resource: _resource,
    container: "#container",
    error: function(e) { alert(e); }
});

 var ic = v.inputControls({
    resource: _resource,
    container: "#ic_container",
    success: function(data) { console.log(data); },
    error: function(e) { alert(e); }
});

	$("#apply").click(function(){
  
   report.params(ic.data().parameters).run(function (data) {
      console.log(data);}).fail(function(e) { console.log(e); });
  
  	
  });
   
});