Visualize: Render Adhoc View and controls

Visualize: Render Adhoc View and controls

by Yuriy Bablyukh

HTML

<script type='text/javascript' src="http://moonstone2-embeddable-ahv2_lastbuild.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js"></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/Samples/Ad_Hoc_Views/05__Unit_Sales_Trend"
    var ahv = v.adhocView({
    resource: _resource,
    container: "#container",
    success: function() { console.log("rendered"); },
    error: function(e) { alert(e); }
});

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

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