前几天刚写了一个根据jqgrid的内容使整个行的背景色变化来特殊区分,现在写一个根据内容来吧每列中的单个字段背景色变化。 直接效果图: 提交状态为“已提交”的背景色变色。 实现过程: 在colmodel中:
colModel: [ { label: "主键", name: "Id", hidden: true, key: true }, { label: '时间', name: 'Time', width: 80, align: 'left', formatter: "date", formatoptions: { srcformat: 'Y-m-d', newformat: 'Y-m-d' } }, { label: '上报人', name: 'Reporter', width: 100, align: 'left' }, { label: '负责人', name: 'Manager', width: 100, align: 'left' }, { label: '提交状态', name: 'SubmitState', width: 80, align: 'left', cellattr: addCellAttr }, ],重点在cellattr: addCellAttr 然后写一个addCellAttr的JavaScript:
function addCellAttr(rowId, val, rawObject, cm, rdata) { if (rawObject.SubmitState == '已提交') { return "style='background-color:#7CCD7C'"; } }这样就实现了单个字段背景色变色。