style-extjs的groupHeaderTp如何根據值改變顏色

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頁頭分組如何顯示其他信息