效果:
操作:加上方法:
rowStyler: function (index, row) {
if (row.Online != "True") {
// return "background-color:#FFFF99;";//背景顏色
return "color:red;";//字體顏色
}
}
columns: [[
{ title: 'T2pkid', field: 'T2pkid', halign: 'center', hidden: true },
{ title: '設備編碼', field: 'LedCode', halign: 'center', width: 20, hidden: true },
{ title: '設備編號', field: 'EquipShowNo', halign: 'center', width: 20 },
{ title: '部門編碼', field: 'DepartCode', halign: 'center', hidden: true },
{ title: '所屬部門', field: 'Departname', halign: 'center', width: 20 },
{ title: '安裝地址', field: 'LedAddress', halign: 'center', width: 60 },
{ title: '設備地址', field: 'Commnumber', halign: 'center', width: 40 },
{
title: '是否在線', field: 'Online', width: 20, halign: 'center', align: 'center',
formatter: function (value) {
if (value == "True") {
return "<span style='color:green;'>在線</span>";
} else {
return "<span style='color:red;'>離線</span>";
}
}
},
{
title: '報修記錄', field: 'EquipCode', width: 20, halign: 'center', align: 'center', formatter: function (value) {
return '<a style="color:red;" href="javascript:void(0);" onclick="getLedRepair(\'' + value + '\');">查看</a>';
}
},
{
title: '報修狀態', field: 'RepairStatus', halign: 'center', align: 'center', width: 20, formatter: function (value, row) {
if (row.Online == "True") {
return "";
} else {
if (value == "0") {
return "已報修";
} else if (value == "1") {
return "已修復";
} else if (value == "") {
return "";
}
}
}
},
{
title: '故障描述', field: 'Remarker', halign: 'center', width: 80, formatter: function (value, row, index) {
if (row.Online == "True") {
return "";
} else {
return value;
}
}
}
]],
rowStyler: function (index, row) {
if (row.Online != "True") {
// return "background-color:#FFFF99;";
return "color:red;";
}
}