Visualize: render one report

Test plugins

by Yuriy Bablyukh

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>

<div>
  pageSize[0]:
  <input name="pageSize0">
  <button id="submit_pageSize0">Set pageSize[0] value
  </button>

  pageSize[1]:
  <input name="pageSize1">
  <button id="submit_pageSize1">Set pageSize[1] value
  </button>

  <button id="submit_pageSize01">Set pageSize[0] and pageSize[1] values</button>
  <br>




  <br> offset[0]:
  <input name="offset0">
  <button id="submit_offset0">Set offset[0] value
  </button>

  offset[1]:
  <input name="offset1">
  <button id="submit_offset1">Set offset[1] value
  </button>

  <button id="submit_offset01">Set pffset[0] and offset[1] values</button>


  <br>
  <br>
  <button id="submit_all">Set offset[0,1] and pageSize[0,1] values
  </button>
  <button id="print">Current Data</button>

</div>


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

CSS

input {
  width: 100px;
  height: 20px;
}

#submit_pageSize0,
#submit_pageSize1,
#submit_offset0,
#submit_offset1 {
  background-color: pink;
  height: 25px;
  width: 200px;
}

#submit_pageSize01,
#submit_offset01 {
  height: 25px;
  background-color: yellow;
}

#submit_all {
  background-color: lightSteelBlue;
  height: 30px;
}

#print {
  background-color: cornsilk;
  height: 30px;
}

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var adv = v.adhocView({
    resource: "/public/Ad_Hoc_View_table",
    container: "#container",
    success: function(data) {
      console.log('rendered');
    },
    error: function(e) {
      alert(e);
    }
  });


  $("#print").click(function() {
    console.log(adv.data());
  });


  $('#submit_pageSize0').on('click', function() {
    var page_size0 = Number($('input[name="pageSize0"]').val());

    var params = adv.data()._dataset_internal_.params;
    params.pageSize[0] = page_size0;
    adv._updateComponent_internal_("_dataset_internal_", {
      params: params
    }).done(function(data) {
      console.log(data);

    }).fail(function(e) {
      console.log(e);
    })

  });
  

  $('#submit_pageSize1').on('click', function() {
    var page_size1 = Number($('input[name="pageSize1"]').val());

    var params = adv.data()._dataset_internal_.params;
    params.pageSize[1] = page_size1;
    adv._updateComponent_internal_("_dataset_internal_", {
      params: params
    }).done(function(data) {
      console.log(data);

    }).fail(function(e) {
      console.log(e);
    })
  });


  $('#submit_pageSize01').on('click', function() {
    var page_size0 = Number($('input[name="pageSize0"]').val());
    var page_size1 = Number($('input[name="pageSize1"]').val());

    var params = adv.data()._dataset_internal_.params;
    params.pageSize[0] = page_size0;
    params.pageSize[1] = page_size1;

    adv._updateComponent_internal_("_dataset_internal_", {
      params: params
    }).done(function(data) {
      console.log(data);

    }).fail(function(e) {
      console.log(e);
    })

  });





  $('#submit_offset0').on('click', function() {

    var off_set0 = Number($('input[name="offset0"]').val());

    var params = adv.data()._dataset_internal_.params;
    params.offset[0] = off_set0;

    adv._updateComponent_internal_("_dataset_internal_", {
      params: params
   ...