Virtual Javascript Column


A List field whose value is computed using JavaScript.


The Virtual Javascript column is a field whose value is computed by executing JavaScript code when the List is rendered. Virtual Javascript columns automatically update while a List is edited. They can also be sorted.

To add a Virtual Javascript field to a List click the Add Item button on the List Builder Fields tab. Then, select Virtual Javascript.

Inserting a Virtual Javascript field
Inserting a Virtual Javascript field

Next, define the Javascript code that must be executed to return the value for the Virtual Javascript field.

Virtual Javascript Properties
Virtual Javascript Properties

The JavaScript that computes the value for the field can reference several variables:


An object with data for all fields in the row. For example, data.FirstName

Note that field names are case sensitive and must match exactly as they are shown in the field listing.


The zero based row number of the current row in the List for which the Virtual Javascript field is being rendered.


A pointer to the List object.

For example, the JavaScript below computes the total for a row by multiplying the Quantity and UnitPrice fields together. The result is formatted as a currency value and returned from the script:

var total = Number(data.Quantity) * Number(data.UnitPrice);
var result = total.toFormat("$#,##0.00");
return result;

Virtual Javascript vs Computed Columns

A Virtual Javascript field is very similar to defining a computed column using the Computed columns property in the List Builder. The primary difference is that when a List row is in edit mode (using in-place editing) the values in Virtual Javascript fields are updated as the List is being edited, whereas the values in computed columns are only update when the List row is saved.

See Also