easyUI的datagrid,怎么动态改变某一行的背景颜色
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyUI的datagrid,怎么动态改变某一行的背景颜色相关的知识,希望对你有一定的参考价值。
填充数据的时候有个字段是isexception,我进行判断当他是1的时候这一行的背景色为红色,怎么设置
楼上的答案是设置一行的样式属性,不过他通过rowData来获取属性isexception也是正确的!field : 'isException',
title : '',
sortable : true,
hidden : true
styler:function(value,row,index)//设置样式
if (value ==1)
return 'background-color:#FF0000;';
我这个是设置isexception这个字段,2种方式,你自己看吧! 参考技术A $('#tt').datagrid(
rowStyler:function(index,row)
if (row.isexception==1)
return 'background-color:red;';
);
EASYUI的datagrid怎么实现动态改变一行数据的背景色
$('#outputData').datagrid(
url : Emo.OutputDataManager.getConfig().minDataUrl,
autoWidth : true,
autoHeight : true,
fitColumns : true,
columns : [ [
field : 'id',
title : '主键值',
sortable : true,
hidden : true
,
field : 'isException',
title : '是否超标',
sortable : true,
hidden : true
当是否超标是1的时候,这一行的背景色为红色,怎么做
field : 'isException',
title : '是否超标',
sortable : true,
hidden : true
formatter : function(value, rowData, rowIndex) //设置文本文字
if (value == 1)
return "超标";
,
styler:function(value,row,index)//设置样式
if (value ==1)
return 'background-color:#FF0000;';
我这样写只是field : 'isException',这个里面的数据是红色,不是一整行都是红色,如果你要的是一整行都是红色的话:styler:...改为
rowStyler:function(index,row)
if (row.isexception==1)
return 'background-color:#FF0000;';
绝对正确!
以上是关于easyUI的datagrid,怎么动态改变某一行的背景颜色的主要内容,如果未能解决你的问题,请参考以下文章
jquery easyui 怎么动态改变datagrid的列!
jquery easyui datagrid 加载成功,选中某一行