Visualize: table row selection

Test plugins

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<!--Provide URL to visualize.js-->
<script src="http://develop_lastsuccessfulbuild.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js?_opt=true"></script>
<!--Provide container to render your visualization-->
<div id="details"></div>
<div id="container"></div>

CSS

#details {
  margin-bottom: 10px;
}

#container {
  height: 800px;
  
}

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var ahv = v.dashboard({
    resource: "/public/test_Dashboard",
    container: "#container",
    linkOptions: {
      events: {
        click: function(ev, data, defaultHandler, extendedData) {
          /*console.log("click", ev, defaultHandler);
           console.log(data, defaultHandler, extendedData);*/
          console.log("Click ev: ", ev);
          console.log("---------------------------------");
          /*  console.log("defaultHandler: ", defaultHandler);
          console.log("---------------------------------");
          console.log("extendedData: ", extendedData);
          console.log("---------------------------------");*/
          console.log("Click data: ", data);
          console.log("---------------------------------");


        },
        mouseover: function(ev, data, defaultHandler, extendedData) {
          /*$(ev.currentTarget).addClass("custom_hover");*/
          console.log("ev: ", ev);
           console.log("---------------------------------");
           console.log("defaultHandler: ", defaultHandler);
           console.log("---------------------------------");
           console.log("extendedData: ", extendedData);
           console.log("---------------------------------");
           console.log("data: ", data);
           console.log("---------------------------------");
        },
        mouseout: function(ev, data, defaultHandler, extendedData) {
          /* $(ev.currentTarget).removeClass("custom_hover");*/
           console.log("ev: ", ev);
           console.log("---------------------------------");
           console.log("defaultHandler: ", defaultHandler);
           console.log("---------------------------------");
           console.log("extendedData: ", extendedData);
           console.log("---------------------------------");
           console.log("data: ", data);
          ...