Dojo+Dynamic Visualize

by NesterOne

HTML

<script type="text/javascript">
    var dojoConfig = {
        paths: {
    'visualize': ['http://172.17.10.2:8080/jasperserver-pro/client/visualize']
        }
    };
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dojo/dojo.js"></script>

<h1 id="greeting">Hello</h1>

<div id="container">I should get replaced by a sample report!</div>

JavaScript

require([
    'dojo/dom',
    'dojo/dom-construct',
    'visualize'], function (dom, domConstruct, visualize) {
    
    debugger;        
        
        var greetingNode = dom.byId('greeting');
    domConstruct.place('<i> Dojo!</i>', greetingNode);
        
        
    visualize({
        auth: {
            name: "superuser",
            password: "superuser"
        }
    }, function (v) {

        //render report from provided resource
        v("#container").report({
            resource: "/public/Samples/Reports/RevenueDetailReport"
        });
    });
});