w2utils.formatters

An object with formatting functions.

Object

This object provides formatters for all widgets (especially in the grid). You can extend formatters with your custom formatters:

xxxxxxxxxx
 
    w2utils.formatters['myFormatter'] = function (val, params) {
        return 'format: ' + val;
    }
​

Below is the list of formatters that are already implemented:

age - age in human readable format
currency - money format
date:date_format - date, see w2utils.settings
datetime:date_format|time_format - date & time, see w2utils.settings
float:XX - formatted number, where XX is number digits after comma
gmt - time in GMT
int - formatted integer, see w2utils.settings
interval - time interval in human readable format
money - money format, see w2utils.settings
number:XX, - formatted number, where XX is number digits after comma
password - password ****
percent - formatted percent
size, - file size in human readable format
time:time_format, - time, see w2utils.settings
timestamp - timestamp, see w2utils.settings
toggle - yes/no text

You can use them in grid when you define columns in the following way:

xxxxxxxxxx
 
let grid = new w2grid({
    name           : 'grid',
    columns: [
        { field: 'recid', text: 'ID', size: '50px' },
        { field: 'name', text: 'Name', size: '30%' },
        { field: 'email', text: 'Email', size: '40%', render: 'myformatter'},
        { field: 'sdate', text: 'Start Date', size: '120px', render:'date' },
        { field: 'sdate', text: 'End Date', size: '120px', render:'date|dd/mm/yyyy' }
    ],
});
​

Note that you can pass params after pipe (|).

w2utils.formatters

User Comments