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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通