jGrid中的根据条件设置颜色

最新推荐文章于 2021-09-06 16:24:56 发布

业余搬砖01

最新推荐文章于 2021-09-06 16:24:56 发布

阅读量823

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/u010278862/article/details/87939898

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

根据目的条件设置行为不同的颜色功能：

主要使用到事件gridComplete

案例：设置行中的某列数据满足某个条件后字体颜色为红色。

        gridComplete: function () {
            var ids = $("#PageGrid").data("jqgrid").grid.getDataIDs();
            for (var i = 0; i < ids.length; i++) {
                var rowData = $("#PageGrid").data("jqgrid").grid.getRowData(ids[i]);
                var tmp= rowData.test;
                 if (tmp.indexOf('某个条件') === -1) {
                    $('#' + ids[i]).find("td").addClass("red");
                }
            }
        }

修改背景：

     loadComplete: function () {
            var ids = $("#ssss").data("jqgrid").grid.getDataIDs();
            for (var i = 0; i < ids.length; i++) {
                var rowData = $("#ssss").data("jqgrid").grid.getRowData(ids[i]);
                var tmp= rowData.sssss;
       if (tmp.indexOf('某个条件') === -1) {
                    // $('#' + ids[i]).find("td").addClass("red");
                    $("#"+ids[i]+ " td").css("background-color","");
                }
            }
        }