Input Controls - apply and validate

All types

HTML

<script type='text/javascript' src="http://build-master.jaspersoft.com:8180/jrs-pro-feature-embedded-ic/client/visualize.js?_opt=true"></script>
<script type='text/javascript' src="http://code.jquery.com/jquery-2.2.2.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

<button id="validate">
Validate
</button>
<button id="getParams">
Get Params
</button>
<button id="ApplyFilter">
Apply Filter
</button>
<div id="containerInput" style="width:300px"></div>
<div id="reportContainer" ></div>

JavaScript

var inputControls="";
visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
   inputControls= v.inputControls({
    resource: "/public/Samples/Reports/Cascading_Report_2_Updated",
    container: "#containerInput",
    error: function(err) {
      console.error(err);
    },
    success: function(data) {
      console.log(data)
    }
  });

$("#validate").click(
function(){
  inputControls.run().fail(function(data) {
                console.log(data);
                alert("One or more controls invalid: \n" + JSON.stringify(data.parameters));
            });
}
);

$("#getParams").click(
function(){
      console.log(inputControls.data().parameters)
}
);


$("#ApplyFilter").click(function(){
  var paramm=inputControls.params();
  
  
  
   inputControls.run().fail(function(data) {
                console.log(data);
                alert("One or more controls invalid: \n" + JSON.stringify(data.parameters));
            }).done(function() {
               
v.report({
    resource: "/public/Samples/Reports/Cascading_Report_2_Updated",
    container: "#reportContainer",
    params:inputControls.data().parameters,
    error: function(err) {
      console.error(err);
    },
    success: function(data) {
      console.log(data)
    }
  });               

            });
  
  
});

});