清單未讀/已讀辨別功能(分享一個低代碼架構開發小技巧)

我們基于低代碼架構開發企業應用時，往往會遇到一個這樣的小需求，就是業務單據資料被修改後，清單上要有提醒辨別，表示已被修改過，點選打開檢視後，辨別變為已讀。

如何在低代碼裡快速地配置就能實作呢？廢話少說，直接上步驟：

第一步：在功能配置裡勾選啟用修改辨別。

第二步：選擇一列作為辨別列，配置樣式。如下面選擇單号為辨別列，注冊列事件。

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