利用JavaScript实现jqGrid指定背景色修改（方便查看、修改）

最新推荐文章于 2021-04-22 14:39:46 发布

原创最新推荐文章于 2021-04-22 14:39:46 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jqgrid

ASP.NET学习中出现的问题专栏收录该内容

60 篇文章

订阅专栏

本文介绍如何在页面加载完成后，通过JavaScript的gridComplete事件，结合getDataIDs和getRowData方法，获取并检查jqGrid表格中状态为'未响应'的行，并为其设置自定义的SelectBG背景色，以增强数据的可读性和可修改性。

gridComplete: function () {
                var ids = $("#gridList").getDataIDs();
                for (var i = 0; i < ids.length; i++) {
                    var rowData = $("#gridList").getRowData(ids[i]);
                    if (rowData.State == "未响应") {             //如果状态是未响应，则背景色置灰显示
                        $('#' + ids[i]).find("td").addClass("SelectBG");
                    }
                }
            }

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

这个方法写在初始的页面加载中，
1、其中gridComplete是当表格所有数据都加载完成后进行相关处理的函数。
2、getDataIDs是为了获得表格所有行的ID
3、getRowData是根据Id获取数据。
4、判断如果状态是“未响应”，那么对此行做处理，修改相关的背景色。
5、SelectBG是样式，自己定义即可。