zoukankan      html  css  js  c++  java
  • 关于动态修改easyui datagrid行样式,不同样式覆盖优先级问题(class)

    easyui->datagrid->rowStyler

    释义:直接return class实际在html中是叠加class,并不会移除已有的自定义class,这会导致class的优先级是根据在css文件中的先后来判断优先级,达不到新的覆盖旧的的效果,故此处先移除自定义class,再加载新class

    rowStyler: function (index, row) {
      var opt = $(this).datagrid("options");
      var rows1 = opt.finder.getTr(this, 0, "allbody", 1);
      var rows2 = opt.finder.getTr(this, 0, "allbody", 2);
      if (rows1.length > 0) {
        $(rows1).each(function () {
          var tempIndex = parseInt($(this).attr("datagrid-row-index"));
          if (tempIndex == index) {
            $(this).removeClass(function (i, cls) { return cls.replace(/custom-d+ /g, ''); });   //此处表示自定义class名称是 'custom-'开头的
          }
        });
      }
      if (rows2.length > 0) {
        $(rows2).each(function () {
          var tempIndex = parseInt($(this).attr("datagrid-row-index"));
          if (tempIndex == index) {
            $(this).removeClass(function (i, cls) { return cls.replace(/custom-d+ /g, ''); });  //此处表示自定义class名称是 'custom-'开头的
          }
        });
      }

      if (row.driveState == '离线') {
        return { class: 'custom-off-line' };
      }
      else {
        if (row.alarmFlagName != '') {
          return { class: 'custom-alarm-car' };
        }
        else {
          if ((row.stateFlag & 2) == 0) {
            return { class: 'custom-unlocation' };
          }
          else {
            if (row.driveState == '停车') {
              return { class: 'custom-stop-car' };
            }
            else if (row.driveState == '行驶') {
              return { class: 'custom-drive-car' };
            }
            }
          }
        }
    }

  • 相关阅读:
    jmeter如何操作数据库
    jmeter压力测试
    cmd中用ping命令时,提示ping命令不是外部或内部命令问题
    scrapy post Request payload类型值
    scrapy-deltafetch实现增量爬取
    django虚拟环境搭建笔记
    python Image模块基本语法
    登录北京住房公积金,使用已注册过账号
    登录北京社保网站
    python通过pop3方式登录邮箱(qq,新浪,网易)
  • 原文地址:https://www.cnblogs.com/wcrBlog/p/10059217.html
Copyright © 2011-2022 走看看