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

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，分别做处理