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