jqgrid实现单个字段的背景色根据内容变色

xiaoxiao2021-02-28  104

前几天刚写了一个根据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'"; } }

这样就实现了单个字段背景色变色。

转载请注明原文地址: https://www.6miu.com/read-28126.html

最新回复(0)