Visualize: Render Adhoc View

Test plugins

by Yuriy Bablyukh

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",
        locale: 'es'
    }
}, function (v) {
    var ahv = v.adhocView({
    resource: "/public/empty",
    container: "#container",
    success: function() { console.log("rendered"); },
    error: function(e) { console.log(e); }
});

 var controls = v.inputControls({
                    container: "#filters",
                    resource:"/public/empty",
                    success: function (data) {
       
                            console.log(data);
                    }
                });


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

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

            });

   
});