W3.JS Controllers

A controller is a function you write to control your data

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>

    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>