当前位置: 首页 > 工具软件 > JGrid > 使用案例 >

jGrid中的根据条件设置颜色

莫飞翮
2023-12-01

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

主要使用到事件gridComplete

相关介绍请查看官网:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:events&s[]=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","");
                }
            }
        }

 

 类似资料: