目录

W3.JS

W3.JS Controllers

❮ Previous Next ❯

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 »

❮ Previous Next ❯