2 x291944973 x291944973 于 2016.02.26 12:43 提问

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
} ],
我想当性别为女的时候,把学历的值标为红色,怎么做?

5个回答

showbo
showbo   Ds   Rxr 2016.02.26 14:24
已采纳

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

x291944973
x291944973   2016.02.26 14:23

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

x291944973
x291944973   2016.02.26 14:24

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

x291944973
x291944973 额。。。span标签被过滤掉了···
接近 2 年之前 回复
x291944973
x291944973   2016.02.26 14:27

图片说明

x291944973
x291944973   2016.02.26 14:27

图片说明

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!