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

Question

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

Answer 1

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页头分组如何显示其他信息