Visualize: Render report with pagination

Test plugins

by Pavel Savushchyk

HTML

<script type='text/javascript' src="http://localhost:8080/bugfix/client/visualize.js?_opt=false"></script>

<button id="changeConditions">Change conditions for numeric column</button>
<button id="Filter">Filter</button>

<div id="container"></div>

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
    //discover name through JRXML (field name by default)
    var salesColumnName = "_detail_level__EmployeeID",
        report = v.report({
            resource: "/public/Visualize/Adhoc/tableReport",
            container: "#container",
            error: showError
        });
    
    $("#changeConditions").click(function() {
            report.updateComponent(salesColumnName, {
                conditions: [
                    {
                        operator: "greater",
                        value: 7,
                        backgroundColor: null,
                        font: {
                            color: "FF0000",
                            bold: true,
                            underline: true,
                            italic: true
                        }
                    },
                    {
                        operator: "between",
                        value: [3,6],
                        backgroundColor: "00FF00",
                        font: {
                            color: "0000FF"
                        }
                    }
                ]
            })
            .then(printConditions)
            .fail(showError);
    });
    
    $("#Filter").click(function() {
            report.updateComponent(salesColumnName, {
                filter: 
                    {
                        operator: "greater",
                        value: 7
                    }
            })
            .then(printConditions)
            .fail(showError);
    });

    
    function printConditions(component){
        console.log("Conditions: "+ component.conditions);
    }
    
    function showError(err) {
           alert(err);
    }
});