-
-
pandabuxizao 初学数据Lv2
发表于2025-1-10 15:54
楼主
通过F12找到某位置的样式后,在F12上调试可实现效果,那么接下来如何在报表脚本中实现:
1、通过ID添加样式 :EUI.addStyleSheet('#GRID1 > div {border-left:5px solid red !important}')
此案例中GRID1为F12中找到的div对应id,然后通过产品的addStyleSheet方法对gird1下的div添加样式;
2、通过class添加样式:EUI.addStyleSheet(".eui-anim-scale{background-image:url('/abi526/ebibase/images/misc/3.gif');background-repeat:no-repeat;}");
有些情况,id是非固定的,而是后台程序生成的随机编码,就例如上午嘉睿问题中统计图的放大页面:那么这种情况通过id添加样式就不太可行了,则可以考虑通过class添加样式;
3、当页面已经有dom的时候,可直接获取dom节点,然后给dom节点赋予样式
(当你需要改样式的对象,在结果页面能够直接获取到、没有任何前置操作条件的时候,即例如统计图放大页面,就不满足该条件)
var anchorDom = $("div[widget-id='widget_anchor']");
anchorDom.style.backgroundImage = "url('../../vfs/root/products/eportal/tupian/悬停图标.png')";
1、通过ID添加样式 :EUI.addStyleSheet('#GRID1 > div {border-left:5px solid red !important}')
此案例中GRID1为F12中找到的div对应id,然后通过产品的addStyleSheet方法对gird1下的div添加样式;
2、通过class添加样式:EUI.addStyleSheet(".eui-anim-scale{background-image:url('/abi526/ebibase/images/misc/3.gif');background-repeat:no-repeat;}");
有些情况,id是非固定的,而是后台程序生成的随机编码,就例如上午嘉睿问题中统计图的放大页面:那么这种情况通过id添加样式就不太可行了,则可以考虑通过class添加样式;
3、当页面已经有dom的时候,可直接获取dom节点,然后给dom节点赋予样式
(当你需要改样式的对象,在结果页面能够直接获取到、没有任何前置操作条件的时候,即例如统计图放大页面,就不满足该条件)
var anchorDom = $("div[widget-id='widget_anchor']");
anchorDom.style.backgroundImage = "url('../../vfs/root/products/eportal/tupian/悬停图标.png')";