ExtJS Tips->Grid column的自定义格式

Ext.grid.column.Column

renderer(
Mixed value, Object metaData, Ext.data.Model record, Number rowIndex, Number colIndex, Ext.data.Store store, Ext.view.View view ) : String

A renderer is an 'interceptor' method which can be used transform data (value, appearance, etc.) before itis rendered. Example:

{
renderer: function(value){
if (value === 1) {
return '1 person';
}
return value + ' people';
}
}

Parameters

value : Mixed

The data value for the current cell

metaData : Object

A collection of metadata about the current cell; can be used or modified by the renderer. Recognized properties are:tdCls,
tdAttr, and style.

record : Ext.data.Model

The record for the current row

rowIndex : Number

The index of the current row

colIndex : Number

The index of the current column

store : Ext.data.Store

The data store

view : Ext.view.View

The current view

Returns

String

The HTML to be rendered

例子：

{

header: '名称',

dataIndex: 'groupName',

flex: 3,

renderer: function(value, o, record) {

return Ext.String.format('<div style="background-color:#FFFF00">{0}</div>', record.get('groupName'));

}

}