cell image

Sets or retrieves the image in the grid cell (cell icon). The image name should be defined in the stylesheet and linked to the actual image file with the css rules.

See how to include additional images in your stylesheet.

Use AW.Templates.Image or AW.Templates.ImageText template for the columns containing images as the default cell template AW.Templates.Text shows only the text (for faster rendering).

Syntax

var value = obj.getCellImage(); 
obj.setCellImage(value);        

obj.onCellImageChanging = function(value){...}; 
obj.onCellImageChanged = function(value){...}; 
obj.onCellImageError = function(value){...}; 

Defined in

cell model

Examples

Single image

obj.setCellTemplate(new AW.Templates.ImageText, 0);
obj.setCellImage("favorites", 0, 0);

<script> var obj = new AW.UI.Grid; obj.setCellTemplate(new AW.Templates.ImageText, 0); obj.setCellText("some text", 0, 0); obj.setCellImage("favorites", 0, 0); obj.setCellTooltip("tooltip text", 0, 0); obj.setColumnCount(10); obj.setRowCount(10); document.write(obj); </script>

See also

Overview: using images
Grid templates: cell
Cell model: text, tooltip, link, value, data, format, editable, state, selected
Image properties: selector, header, footer, top, bottom