zoukankan      html  css  js  c++  java
  • easyui的datagrid改变单元格颜色

    另一种方法:https://www.cnblogs.com/raitorei/p/10395233.html

    easyui的datagrid改变整行颜色:https://www.cnblogs.com/raitorei/p/10641342.html

    代码:

    function centerList(){
        $('#centerList').datagrid({
            '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;';
                          }
                      }
                  }
              }
        });
    }

     

  • 相关阅读:
    vue实现通过链接跳转到页面
    vue-cli2-项目的创建
    平均数
    Spring-Spring简介
    vue + element-ui 表单校验封装公用方法
    Python(一)数据结构和算法的20个练习题问答
    Python包中__init__.py作用
    if __name__=="__main__":
    execute immediate
    oracle基础知识过一遍(原创)
  • 原文地址:https://www.cnblogs.com/raitorei/p/9989649.html
Copyright © 2011-2022 走看看