easyui的datagrid改变单元格颜色
2024-10-08 08:18:29
另一种方法:https://www.cnblogs.com/raitorei/p/10395233.html
easyui的datagrid改变整行颜色:https://www.cnblogs.com/raitorei/p/10641342.html
代码:
function centerList(){
$('#centerList').datagrid({
width:'100%',
iconCls : 'icon-ok',
pageSize : 1,//默认选择的分页是每页5行数据
pageList : [ 15,50,100,150 ],//可以选择的分页集合
nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取
striped : false,//设置为true将交替显示行背景。
collapsible : true,//显示可折叠按钮
url:'report/getAlarmDetailsData.action',//url调用Action方法
loadMsg : '数据装载中......',
singleSelect:true,//为true时只能选择单行
fitColumns:true,//允许表格自动缩放,以适应父容器
//sortName : 'xh',//当数据表格初始化时以哪一列来排序
//sortOrder : 'desc',//定义排序顺序,可以是'asc'或者'desc'(正序或者倒序)。
remoteSort : false,
pagination : false,//分页
rownumbers : true,//行数
queryParams:{'flag':3},
onLoadSuccess:function(data){
var trs = $(this).prev().find('div.datagrid-body').find('tr');
//行
for(var i=0;i<trs.length;i++){
//行内单元格
for(var j=1;j<trs[i].cells.length;j++){
var row_html = trs[i].cells[j];
var cell_field=$(row_html).attr('field');
var cell_value=$(row_html).find('div').html();
if(cell_value == 0){
trs[i].cells[j].style.cssText='background:#59DB8F;';
}
if(cell_field == 'alarm1' && cell_value > 0){
trs[i].cells[j].style.cssText='background:#FFF68F;';
}
if(cell_field == 'alarm2' && cell_value > 0){
trs[i].cells[j].style.cssText='background:#FFC859;';
}
if(cell_field == 'alarm3' && cell_value > 0){
trs[i].cells[j].style.cssText='background:#FFA059;';
}
if(cell_field == 'alarm4' && cell_value > 0){
trs[i].cells[j].style.cssText='background:#FF6347;';
}
}
}
}
});
}
最新文章
- 新建 ASP.NET Core MVC 项目 -- Hello World!
- [转载]Python中的sys模块
- 深入理解BFC和外边距合并(Margin Collapse)
- Reporting Service 报表报 rsReportServerDatabaseError 错的解决方法
- Oracl用代码建标
- SQLite内存数据库
- 十大纺织品、布料、面料品牌排名 - 十大品牌 - 中国品牌网 Chinapp.com
- locate: can not stat () `/var/lib/mlocate/mlocate.db&#39;: No such file or directory
- 从零单排PAT1015,1016,1017,1018
- Tomcat 乱码设置
- Eclipse生成jsp 如何将GB18030 改成默认UTF-8
- GitHub上有很多不错的iOS开源项目
- stylus导入时 报错These relative modules were not found
- leetcode每日刷题计划-简单篇day5
- 前端JS 与 后台C# 之间JSON序列化与反序列化(笔记)
- error: Microsoft Visual C++ 14.0 is required(line_profiler模块安装失败的解决办法)
- FJNU2018低程F jq解救fuls (贪心乱搞)题解
- 解决UITableView上的cell的重用
- js - object.assign 以及浅、深拷贝
- Proxy 代理模式 动态代理 cglib MD
热门文章
- python, generator.next()和send()
- oracle linux 6.8 安装
- ubuntu12.04 64bit libncurses5-dev和libncurses5-dev:i386共存性问题讨论
- super超类继承特点小结
- spring4.0之二:@Configuration的使用
- Grafana+Prometheus打造springboot监控平台
- ss客户端以及tcp,udp,dns代理ss-tproxy在线安装版--centos7.3 x64以上(7.3-7.6x64测试通过)
- ADB文件及文件夹操作
- sweetalert弹窗的使用
- syslog-ng日志收集分析服务搭建及配置