自定义颜色显示填报时校验出错的数据

润乾填报表可以设定数据提交前的校验规则，不满足规则的数据，除了可以弹出提示信息外，还可以在填报数据的页面以特殊颜色标识出错数据，默认使用红色，当然也可以根据需要自定义颜色。

首先我们看一下设置校验后，数据出现错误后的效果。

以报表设计器下自带的 7.1.sht 为例，我们在 H3 单元格添加了校验规则：工资不能大于 1.2W。

在页面上我们对数据进行修改，当鼠标光标失去焦点后，就会弹出提示并标红刚刚修改的不符合规则的数据，效果如下图所示：

如果用户想换用别的标注方式，可以在 jsp 中通过实现 js 函数接口来修改，接口定义如下：

function markInvalidCellUser(cell, addMark) {

    // 用户程序代码

}

参数 cell 表示需要标注的单元格对象，addMark 是 bool 型，true 表示要添加标注，false 表示要清除标注。

下面是系统的标注函数，供参考

function _markInvalidCellDefault(cell, addMark) {

var oldbk = cell.getAttribute(“oldbk”);

if(addMark) {   // 添加标记

if(oldbk != null) return;   // 标记过的，不用再标记了

cell.setAttribute(“oldbk”, cell.style.backgroundColor);

cell.style.backgroundColor = “red”;

var table = _lookupTable(cell);

if(table.currEditor != null && table.currEditor.editingCell == cell) {  //cell 是当前编辑单元格

_setEditorStyle(table.currEditor, cell);

}

}

else {   // 清除标记

if(oldbk != null) {  // 说明有标记过

cell.style.backgroundColor = oldbk;

cell.removeAttribute(“oldbk”);

}

}

}

我们在填报表展现的页面 showInput.jsp 中添加这个 JS，将 red 改成 pink，如果再修改数据，出现的效果就是我们所设定的粉色了。

更多填报相关文章请查看：填报
填报表实现隔行异色的效果
报表工具之数据校验竟可以如此简单
填报流水号，缺省表达式设置
填报表中也可以添加 html 事件