JavaScript API Reference/Ab.grid.ReportGrid object

createCellContent(row, column, cellElement)

Create the individual cells’ content for the ReportGrid. The element itself is created within createDataRows , but this function creates the element's content. The data value for the cell can be accessed as row[column.id] and the DOM content created by the default implementation can be accessed via contentElement.childNodes[0].nodeValue .

Parameters:

• row (JS object): data for this row plus a reference to the ReportGrid  itself
• column ( Ab.grid.Column object): the column of the ReportGrid used to locate the data within the row and define the display type for the value.
• cellElement (DOM reference): the ReportGrid cell (typically a <td> element) to which the data will be appended.

Example:

Modify the style of the room area column to display areas below 100 in red:

// save existing implementation & use within overrriden
// grid.originalCreateCellContent = grid.createCellContent;

grid.createCellContent = function(row, col, cellElement) {
grid.originalCreateCellContent(row, col, cellElement);
var value = row[column.id];
if (column.id == 'rm.area' && value < 100)  {
cellElement.style.color = 'Red';
}
else {
cellElement.style.color = 'Blue';
}
}