easyUI数据统计列表中根据单元格数值控制显示效果

来源：互联网发布：如何使用大数据分析编辑：程序博客网时间：2024/06/05 08:02

easyUI数据统计列表中根据单元格数值控制显示效果

最近实现app留存分析时，要求根据查询结果单元格数值控制单元格颜色的显示，经查阅发现，针对easyUI每列数据可通过styler属性控制，需要实现的效果

以一天后的为例，处理颜色，js代码如下

{field : 'fristDayRate',title : '1天后',width : 20,align : 'center',sortable:true,sortOrder:'desc',styler:cellStyler},

cellStyler的方法是

function cellStyler(value,row,index){if(value != null){if (Number(value.replace("%","")) > 0 && Number(value.replace("%","")) < 20){return 'background-color:#6699FF';}else if(Number(value.replace("%","")) >= 20 && Number(value.replace("%","")) <= 40){return 'background-color:#0066FF';}else if(Number(value.replace("%","")) > 40){return 'background-color:#0000FF';}}}

在该方法中我们得到的是百分比，将获取的value值把%替换掉再以数字格式进行处理，处于0~20、20~40、40~100，分别做处理

0 0