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的时候,这一行的背景色为红色,怎么做

参考技术A
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的列!

Wpf 后台代码 怎么设置datagrid 某一行的背景色

easyui前台改变datagrid某单元格的值

jquery easyui datagrid 加载成功,选中某一行

jquery easyui datagrid 加载成功,选中某一行

EasyUI效果--DataGrid的编辑效果