Visualize: Render report with pagination

Test plugins

by Pavel Savushchyk

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=false"></script>

<select id="repo-param">
    <option selected="selected" value="Drink">Drink</option>
    <option value="Food">Food</option>
    <option value="All">All</option>
</select>
<div id="container"></div>

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
    
    var report = v.report({
        resource: "/public/Samples/Reports/07g.RevenueDetailReport",
        params: {
            "ProductFamily": ["Drink"]
        },
        container: "#container",
        error: showError
    });
    
    jQuery('#repo-param').on('change', function(){
        report
            .params({
           		"ProductFamily": [$(this).val()] 
        	})
            .run();
    });


    function showError(err) {
        alert(err);
    }
});