我们基于低代码框架开发企业应用时,往往会遇到一个这样的小需求,就是业务单据数据被修改后,列表上要有提醒标识,表示已被修改过,点击打开查看后,标识变为已读。
如何在低代码里快速地配置就能实现呢?废话少说,直接上步骤:
第一步:在功能配置里勾选启用修改标识。
第二步:选择一列作为标识列,配置样式。如下面选择单号为标识列,注册列事件。
列内容格式化(renderer)事件代码:
var grid = this,
column = grid.columnManager.getHeaderAtIndex(colIndex);//当前列
//找到编辑列
var funcedit = record.get("SY_FUNCEDIT");
//如果编辑列状态为0,则是未读否则是已读,样式可以自定义,如颜色或图标等
if(funcedit=='0'){
return '<div style="width: 10px;height: 10px;background: #b0adad;border-radius: 100%;display:inline-block;margin-right:5px;"></div>'+value;
}else{
return '<div style="width: 10px;height: 10px;background: red;border-radius: 100%;display:inline-block;margin-right:5px;"></div>'+value;
}
最终效果:带红点的表示已被修改,但当前用户未读,灰色表示已读。
如需再进一步扩展,可以增加角标提示或根据修改内容自动发送给指定用户消息(后续会分享详细操作代码)。
END[微笑]