Using a Custom Formatter Function

Overview:

Often you would like to manipulate the format of the data in your applications without having to create calculated fields or change the values directly.  In UI5 this is achieved using a formatter function and similar functionality can be achieved using FAB.

Instructions:

1. Add a new Script node to your project if one does not already exist.

2. Create a new formatter function.

   function myPercentageFormatter(value)
   {
       return value + '%';
   }

3. Change the Bound Field property to the following:
   
   path:'/TestValue', formatter:'myPercentageFormatter'
   
   TestValue: Is the name of the field in the root of the data model.
   myPercentageFormatter: Is the name of the formatter function in JavaScript.