天天看点

列表未读/已读标识功能(分享一个低代码框架开发小技巧)

作者:曦楚攻城

我们基于低代码框架开发企业应用时,往往会遇到一个这样的小需求,就是业务单据数据被修改后,列表上要有提醒标识,表示已被修改过,点击打开查看后,标识变为已读。

如何在低代码里快速地配置就能实现呢?废话少说,直接上步骤:

第一步:在功能配置里勾选启用修改标识。

列表未读/已读标识功能(分享一个低代码框架开发小技巧)

第二步:选择一列作为标识列,配置样式。如下面选择单号为标识列,注册列事件。

列表未读/已读标识功能(分享一个低代码框架开发小技巧)
列表未读/已读标识功能(分享一个低代码框架开发小技巧)

列内容格式化(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[微笑]

继续阅读