首页 > 其他 > 详细

jqGrid设置指定行的背景色

时间:2021-05-14 21:03:47      阅读:14      评论:0      收藏:0      [点我收藏+]

1.在页面中加样式

<style type="text/css">
        .SelectBG{
            background-color:#CCC;
            }
    </style>

2.在js中

  gridComplete:function(){
            //获取所有行的ID
             var ids = $("#gridTable").getDataIDs();
             for(var i=0;i<ids.length;i++){
                //根据行的ID获取当前行数据
                 var rowData = $("#gridTable").getRowData(ids[i]);
                 if(rowData.overdueDays==0){//如果天数等于0,则背景色置灰显示
                     $(‘#‘+ids[i]).find("td").addClass("SelectBG");
                 }
             }
         }
案例:

 shrinkToFit: true,//此属性用来说明当初始化列宽度时候的计算类型,如果为ture,则按比例初始化列宽度。如果为false,则列宽度使用colModel指定的宽度
 multiselect: true, multiboxonly: true,//只有当multiselect = true.起作用,当multiboxonly 为ture时只有选择checkbox才会起作用
gridComplete: function () {
                var ids = $("#gridTable").getDataIDs();
                for (var i = 0; i < ids.length; i++) {
                    var rowData = $("#gridTable").getRowData(ids[i]);
                    if (rowData.Audit == "不通过") {//如果审核不通过,则背景色置于红色
                        $(‘#‘ + ids[i]).find("td").addClass("SelectBG");
                    }
                }

                $("#" + this.id).jqGrid(‘setSelection‘, SelectRowIndx);
            }

 

 

 

from:https://www.cnblogs.com/yechangzhong-826217795/p/5898883.html

jqGrid设置指定行的背景色

原文:https://www.cnblogs.com/youmingkuang/p/14768987.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!