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

最新推荐文章于 2025-05-18 23:25:15 发布

ZhuangYQ丶

最新推荐文章于 2025-05-18 23:25:15 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ASP.NET学习中出现的问题文章标签： javascript jqgrid

本文链接：https://blog.youkuaiyun.com/iilegend/article/details/77568215

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

60 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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是样式，自己定义即可。