場景
一般的視圖列表的數據,我們看着很頭疼,如果對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方法名
效果呈現
注意點
- js中使用到的圖標文件名需要跟圖標資源的名稱保持一致,否則找不到資源。如果是通過VS插件等上傳圖標資源可能會自動帶有.png後綴名,這點需要注意。
- 自定義圖標只對視圖有效果,對單記錄綁定的子網格沒有效果。