在Dynamics 365的列表視圖中顯示自定義圖標

在Dynamics 365的列表視圖中顯示自定義圖標

場景

一般的視圖列表的數據,我們看着很頭疼,如果對1,2個字段進行特別標註,那麼數據閱讀的時候會立刻精神起來,比如在一長段的檢測數據中,有個設備發生了異常,那麼使用醒目的紅色圖標來加入識別。接下來的示例,我將繼續使用事先做好的視圖,對列表中的性別字段進行添加自定義圖標,男性和女性圖標來區分。

上傳圖標資源

首先上傳事先做好的男性和女性圖標,上傳本地文件是帶png後綴的,上傳之後,js裏使用的圖片資源的名字是根據自己定義的名稱來,這裏特別需要注意一下。
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

上傳js資源

創建一個js資源,js代碼裏需要指定圖標文件需要注意一下,不帶.png後綴。這完全取決於上一步的名稱的定義。
在這裏插入圖片描述
在這裏插入圖片描述

function showIconTooltip(rowData, userlcid) {
    var imageName;
    var tooltipValue;
    var resultarray;
    var row = JSON.parse(rowData);
    if (row.ss_xinbie_Value==0) {
        imageName = "ss_male";
        tooltipValue = "男性";
    }
    else {
        imageName = "ss_female";
        tooltipValue = "女性";
    }
    resultarray = [imageName, tooltipValue];
    return resultarray;
}

修改視圖字段

找到需要修改的實體視圖
在這裏插入圖片描述
更改性別屬性
在這裏插入圖片描述
選擇js文件和js方法名
在這裏插入圖片描述

效果呈現

在這裏插入圖片描述
在這裏插入圖片描述

注意點

  1. js中使用到的圖標文件名需要跟圖標資源的名稱保持一致,否則找不到資源。如果是通過VS插件等上傳圖標資源可能會自動帶有.png後綴名,這點需要注意。
  2. 自定義圖標只對視圖有效果,對單記錄綁定的子網格沒有效果。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章