zoukankan      html  css  js  c++  java
  • jqGrid设置指定行的背景色

    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);
                }

     默认选中某一行

          var ids = $("#dataContent").getDataIDs();
                            for (var i = 0; i < ids.length; i++) {
                                var rowData = $("#dataContent").getRowData(ids[i]);
                                if (rowData.Chig == "Highlight") {//ChinaMacroFlag 在后台已经重新给赋值,这里只要判断是否相等就可以了。
                                    //$('#' + ids[i]).find("td").addClass("SelectBG");
                                    $("#dataContent").jqGrid('setSelection', ids[i]);
                                    
                                }
                            }

     选中行事件

    onSelectRow: function (rowid) {
                            curProjectID = $("#dataContent").getRowData(rowid).ProjectID;
                            $('#' + ids[i]).find("td").addClass("SelectBG");
                            alert(defaultId);
                            $('#' + ids[i]).find("td").removeClass("SelectBG");
                        }

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

  • 相关阅读:
    ie 中window.open无法带referrer
    es6 学习7 Set 和 Map 数据结构
    ES6 学习6 数组的扩展
    ES6 学习3 函数
    ES6学习之环境配置
    理解闭包
    javascript中实现继承的几种方式
    js 原型和原型链
    Vue学习之v-if与v-show的区别
    unity图集切成多张图片的方法
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/14768987.html
Copyright © 2011-2022 走看看