假设要实现以下效果,请假类型为事假,显示黄色;调休,显示红色
参考以下步骤实现:
step 1, 打开表单设计器,插入代码行
step 2, 填充以下JS内容
jQuery(document).ready(function () {
//......
$(".detail_data_row").each(function (rowIndex,obj) {
var field_qjlx = "field6074_" + rowIndex;
var value_qjlx = WfForm.getFieldValue(field_qjlx); //请假类型
if(value_qjlx == "0"){
$(obj).css("background","#ffff00");
//E9需强制设置子节点CSS
$(obj).children().css("cssText","background-color:#ffff00!important");
}else if(value_qjlx == "1"){
$(obj).css("background","#ff0000");
//E9需强制设置子节点CSS
$(obj).children().css("cssText","background-color:#ffff00!important");
}
rowIndex++;
});
//......
});
大功告成。