Question

Extjs Ext.grid.RowNumberer() 中如何根据条件,改变列中字体的颜色?

Extjs Ext.grid.RowNumberer() 中如何根据条件,改变列中字体的颜色?比如当某列的值少于5的时候,就变成蓝色可否在{
header : "区片内样点总数",
dataIndex : 'total',
width : 100,
css : 'color:blue;'
}里添加?

Answer 1

{
header : "区片内样点总数",
dataIndex : 'total',
width : 100,
css : 'color:blue;',
renderer:function(value,metaData,r,rowIndex,colIndex,store){
if(value<5){
metaData.attr = "style='background-color: blue;'"
}
return value;
}
}

Answer 2

例子：var colM=new Ext.grid.ColumnModel
([

new Ext.grid.RowNumberer({header:"number", renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){ if(parseInt(record.get("total"))<5){ return "<font style='color:blue'>"+(rowIndex+1)+"</font>"//也可以用下面的方法 } return (rowIndex+1) }}),
{
header : "区片内样点总数",
dataIndex : 'total',
width : 100,// 改变这一列的字体颜色
renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){ if(parseInt(value)<5） { cellmeta.css="blueFont" } return value }
}
]) 页面:<style>.blueFont{color:blue}</style>