在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. 自定义图标只对视图有效果,对单记录绑定的子网格没有效果。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值