-
-
xxxl 数据领袖Lv6
发表于2020-7-11 16:34
楼主
本帖最后由 xxxl 于 2020-12-10 17:15 编辑
复制代码
1.需求背景
在报表的过程中，我们会有这样的需求根据表格值的不同，动态的改变背景图片,这里我们就可以用到客户端脚本来做到这样的效果。
2.实现步骤
以下是表样设计，我是将容器放在了表格当中
然后则是在客户端脚本中写代码
- var sex='<#=GRID1.A1#>';
- if(sex=='女'){
- $("div[id^='HHH2']").css({"background-image":"url(vfs/root/0.jpg)","background-size":"100% 100%"});
- }else{
- $("div[id^='HHH2']").css({"background-image":"url(vfs/root/1.jpg)","background-size":"100% 100%"});
- }
以下是实际的效果，根据表元值不同背景图片不同。
以上即是脚本全部内容，如果有错误的地方欢迎大佬来纠正，
