效果演示图:
为了测试方便,我将“审核状态”为“驳回”的“调度机构”字段前面加上红色的new。
先说下思路:
1.在页面加载查询的时候,后台首先判断“审核状态”是否为“驳回”,
是的话就拼接上一段文字new。代码如下:
public List<DkyIpconfIPSpVo> selxxlist(DkyIpconfScipxx dkyIpconfScipxx) {
List<DkyIpconfIPSpVo> list = dkyIpconfScipxxMapper.selxxlist(dkyIpconfScipxx);
for (int i = 0; i < list.size(); i++) {
if (StringUtils.equals(list.get(i).getShzt(),"驳回")) {
String v = "new";
list.get(i).setDw(v+list.get(i).getDw());
}
}
return list;
}
2.再去前端判断“调度机构”字段,将“审核状态”为“驳回”的,new改变为红色。代码如下:
{
field: 'dw',
width: '100px',
title: '调度机构',
formatter: function (value, row, index) {
//判断审核状态为驳回
if (row.shzt == '驳回') {
//截取字段的值,首先截取前三个字符
var dwName = row.dw.substring(0, 3)
//截取字段的值,再截取下标为3开始后面的字符
var dwNames = row.dw.substring(3)
//将dwName的值设置为红色
var html = '<span class = "dwNameColor" style="color: red;font-weight: bold">'+ dwName + '</span>' + dwNames
return html
}
return value
},
},
到这里,就结束了。其实想想还是挺简单的,掌握了一定的知识之后,无非就是写之前的逻辑思路,最重要!
在@Author:真想不出名字了 的协助下完成。