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