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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Extjs如何获取文本框的值
Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值
ExtJS GridPanel根据条件改变字体颜色
1、在GridPanel中加入GridView 2、加入js脚本 function setRowBg(rd, ri, ro) { var zhb,lj,xzh; zhb=rd.data.zhb; lj=rd.data.lj x
根据GridView某列的值改变颜色
    protected void GridViewMessage_RowDataBound(object sender, GridViewRowEventArgs e)    ...{        foreach(TableCell tc in e.Row.Cells)        ...{            tc.Attributes["style"] = "border-col
ExtJs根据combo的选择值决定表单项的隐藏或者显示
“资格考试是否通过”是一个combo组件,”资格考试说明“是一个textfield,最初是隐藏的,如果combo的选择值为“是”,则显示该表单项,否则不显示。注意combo自检中的store数据源为passExam,需要定义。本例中定义为: // 资格考试是否通过 var passExam = [ ["是", "是"],["无", "无"] ]; form表单中的定义如下: { widt
Extjs 详解"获得id为name的testfield的输入值"
1.var username=Ext.fly("name").getValue();[返回值:Ext.Element] 2.var username=Ext.getCmp("name").getValue();[返回值:Ext.Component] 3.var username=Ext.get("name").getValue();[返回值:Ext.Element] 帮助说明:Ext.Ele
Extjs取得某个控件并赋值
在开发的很多时候,在调用另一个弹出页面或修改完一个内容后,需及时地反应出来,就这需要在修改后及时的给原有的框框赋值... 实际操作也是很简单,如: Ext.getCmp('listname').setValue(updateitemname); 顺便也记录下网上收集来的一些总结经验.. ExtJS 给textfield赋值的方法总结  省得忘了不知道去那找了._^
ExtJs 中Grid根据列表中某列的值,修改整行数据的背景色 ExtJS版本为2.3
ExtJs 根据列表中某列的值,修改整行数据的背景色 ExtJS版本为2.3
写一个根据某列数值改变GridView中某行颜色的程序
    这一阶段写一个在线Web预订系统, 在完成预订单管理这块时候碰到一个设计思想是根据预订单流转的具体流程在gridview中改变相应颜色的内容,这时候正好碰到www.yesky.com上asp.net 2.0中Gridview控件高级技巧这篇文章中的一段例子  protected void GvSubscribe_RowDataBound(object sender, GridV
让Ext.grid.GridPanel某行变色
  有时候我们需要根据store里的某个标记,令grid的数据改变为一种特别的颜色。如我项目中的,把用户状态不正常(字段memberstatus不为1)的记录变成灰色。x-grid-record-gray是已经在页面上定义好的CSS样式。下边截取了grid里的viewConfig信息。   viewConfig:{   columnsText:"显示/隐藏列",   sortAscTe
extjs如何获取Grid中某一行某一列的值
extjs如何获取Grid中某一行某一列的值 举报|  分享| 2013-11-28 15:03wslyc890624 | 浏览 8014 次  软件开发 extjs获取Grid单元格的值 2013-11-28 15:47 #2016年高质量新标准全面升级!# 提问者采纳 热心网友 选中某一行,var record = grid.ge