W3.JS Controllers
What is a Controller?
A controller is a function you write to control your data.
With a self-written controller, you can modify data anyway you want:
- Convert to upper case
- Convert currencies
- Calculate and Summarize
- Round values
- Substitute values
- Change colors according to values
- Anything else you are able to program
Controller Example 1
You want to convert your data to upper case before display.
Convert to Upper Case
<script>
w3.getHttpObject("customers.js", myFunction);
function myFunction(myObject) {
var i;
var myArray = myObject.customers;
for (i = 0; i <
myArray.length; i++) {
myArray[i]["CustomerName"]
=
myArray[i]["CustomerName"].toUpperCase();
}
w3.displayObject("id01", myObject);
}
</script>
Try It Yourself »
With CSS »
Controller Example 2
Summarize Price
<script>
w3.getHttpObject("cd_catalog.js", myFunction);
function
myFunction(myObject) {
var i, total = 0;
var myArray = myObject.cd;
for (i = 0; i <
myArray.length; i++) {
total +=
Number(myArray[i].price);
}
myObject.total = total.toFixed(2);
w3.displayObject("id01", myObject);
}
</script>
Try It Yourself »
With CSS »
