extjs的groupHeaderTp如何根据值改变颜色

问题描述:

代码:
features : [ {
ftype : 'grouping',
groupHeaderTpl : '姓名:'+'{[value.row[0].get("name")]}'
+'性别:'+'{[value.row[0].get("sex")]}'
+'学历:'+''+'{[value.row[0].get("grad")]}'+''
hideGroupedHeader : true,
enableGroupingMenu : false
} ],
我想当性别为女的时候,把学历的值标为红色,怎么做?

ext模板有tpl if语句,判断下就行了

 + '<tpl for="rows[0].data">'
+ '<tpl if="sex==\'female\'"><font color="red">{grad}</font><tpl else><font color="blue">{grad}</font></tpl>'
+ '</tpl>'

DEMO:Ext.grid.feature.Grouping页头分组如何显示其他信息

好吧!我自己回答!
用条件判断语句,直接添加样式标签就可以了!
'学历:'+'{[value.row[0].get("sex")=="女"?""+value.row[0].get("grad")+""]}'