FILTERS

by tara5

HTML

<div id="dataView">
    <div id="chart"></div>
    <div id="filterPanels"></div>
</div>

<link rel="stylesheet" href="http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv/scripts/adhoc/api/css/adHocView.css" type="text/css" media="screen">

    <script type="text/javascript" src="http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv/scripts/client/jasper.js"></script>

CSS

#chart{
    height: 500px;
}

JavaScript

var bi = jasper("http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv");

//use configured script loader
bi([
    "jquery",
    "adhoc/api/AdHocViewFacade"
], function($, AdHocView){
    "use strict";
    
    var adHocView = new AdHocView({
        baseUrl: "http://build-master.jaspersoft.com:5780/jrs-pro-feature-amber-adhoc-rest-api",
        container: "#dataView",
        url: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
        ichart:{
            layout: {
                container: "#chart"
            }
        },
        filters: "#filterPanels"
    });

     adHocView.run().then(function () { 
          //methods:
         /* 
         console.log(adHocView.components.filters.getFilters()); // returns Array of filters objects
         console.log(adHocView.components.filters.getComplexExpression()); // returns complex expression
         adHocView.components.filters.setComplexExpression("A or B"); // sets complex expression
         */
    });
});