网站首页收藏本站

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

FineUI首页 WebForms - MVC - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

FineUIMvc/Core v5.1.0 发布(基于像素的响应式布局) FineUIPro v5.1.0 发布(十年磨一剑,升级正当时) 欢迎加入【三石和他的朋友们】(基础版下载)

查看: 531|回复: 3

Grid 中如何设置行的背景颜色

[复制链接]
发表于 2018-6-12 11:05:55 | 显示全部楼层 |阅读模式
Grid 中如何设置行的背景颜色
发表于 2018-6-12 11:31:48 | 显示全部楼层
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-6-12 12:34:31 | 显示全部楼层
sanshi 发表于 2018-6-12 11:31
设置行样式,有示例:http://demo.fineui.com/#/grid/grid_style_rowcolor.aspx

加入条件呢?比如根据Grid中一个值判断是否符合条件,不符合条件,则添加背景颜色
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-6-14 16:53:31 | 显示全部楼层
自己摸索已经解决,不给还是感谢sanshi 的回复
function setColor1() {
            var grid = F(gridClientID);
            var store = grid.getStore();
            store.each(function (record) {
                if (record.get('EQPState') == '离线') {                    
                    grid.getView().getCell(record, grid.getView().getGridColumns()[1]).setStyle('color', 'yellow');//设置单元格
                    grid.getView().getRow(record).style.backgroundColor = 'red'; //设置一行
                }
            });
        }
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|FineUI 官方论坛 ( 皖ICP备13005369号-1 )  

GMT+8, 2018-8-17 09:27 , Processed in 1.098290 second(s), 25 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表