Visualize: render input controls

Cascade

by Yuriy Bablyukh

HTML

<script type='text/javascript' src="http://build-master.jaspersoft.com:6680/jrs-pro-feature-visualizejs/client/visualize.js"></script>
<table>
    <tr>
        <td><div id="container" style="position:absolute"></div>
</td>
         <td><div id="report" style="position:absolute"></div></td>
    </tr>
</table>

CSS

#container{
    width: 300px;
    height: 300px;
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
    
     var report = v.report({
        resource: "/public/Visualize/Adhoc/Ad_Hoc_View_All_filters_Report",
        container: "#report"
    });
    
    var inputControls = v.inputControls({
        resource: "/public/Visualize/Adhoc/Ad_Hoc_View_All_filters_Report",
        container: "#container",
        events: {
            change : function(params) {
                console.dir(params);
                report
                    .params(params)
                    .run();
            }
        },
        error: function(err) {
            console.error(err);
        }
    }); 
});