Visualize: ISDom

by Yuriy Bablyukh

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<!--Provide URL to visualize.js-->
<script type='text/javascript' src="http://build-master.jaspersoft.com:6680/jrs-pro-feature-visualizejs/client/visualize.js"></script>
<!--Provide container to render your visualization-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<button>Refresh</button>
<div class="btn-group offset1">
                    <a class="btn btn-default disabled" title="Zoom IN" onclick="_viz.zoomIn()"><i
                            class="glyphicon glyphicon-zoom-in"></i></a>
                    <a class="btn btn-default disabled" title="Zoom Out" onclick="_viz.zoomOut()"><i
                            class="glyphicon glyphicon-zoom-out"></i></a>
                    <a class="btn btn-default disabled" title="Fit Height" onclick="_viz.fitHeight()"><i
                            class="glyphicon glyphicon-resize-vertical"></i></a>
                    <a class="btn btn-default disabled" title="Fit Width" onclick="_viz.fitWidth()"><i
                            class="glyphicon glyphicon-resize-horizontal"></i></a>
                    <a class="btn btn-default disabled" title="Fit Page" onclick="_viz.fitContainer()"><i
                            class="glyphicon glyphicon-fullscreen"></i></a>
                </div>
<div id="container1"></div>

JavaScript

visualize({
    auth: {
        name: "jasperadmin",
        password: "jasperadmin",
        organization: "organization_1"
    }
}, function (v) {
    
    var alwasyRefresh = false;    

    var report = v.report({
        //skip repport runnig during initialization
        runImmediately: !alwasyRefresh,
        resource: "/public/viz/usersReport",
        container: "#container1",
        defaultJiveUi: {
                        enabled: false
                    },
                          isolateDom:true
     });
    
    if (alwasyRefresh){
        report.refresh();
    }
    
    $("button").click(function(){   
        report
            .refresh()
            .done(function(){console.log("Report Refreshed!");})
            .fail(function(){alert("Report Refresh Failed!");});
    });
   
});