最新历史版本 :JS实现改变控件透明度 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:
icon提示:
V11.5.1 版本起，设计器中取消 「新建决策报表」 入口，历史决策报表模板仍可正常编辑与访问。更推荐使用 FineVis数据可视化 ，作为专业的数据可视化工具，比决策报表制作可视化看板效率更高、效果更丰富 。

目录:

1. 概述编辑

1.1 问题描述

在开发决策报表时经常会使用深色背景，这时插入一个控件显得与背景格格不入，如下图所示：

image.png

希望通过设置控件的透明度，使控件融入背景，如下图所示：

image.png

1.2 实现思路

控件添加初始化事件，使用 JS 设置透明度。

2. 示例编辑

2.1 报表设计

1）新建一个决策报表，将 body 布局方式改为绝对布局。

image.png

2）设置 body 的背景色为深色。

image.png

3）添加一个时间控件，并设置初始化后事件，如下图所示：

Snag_2c1b35c.png

JS 代码如下：

setTimeout(function() {
$("div[widgetname=DATEEDITOR0]").css({
'opacity': '0.3'
});
}, 50);

$("div[widgetname=控件名]")可以定位到控件，控件名必须全部大写。

2.2 效果预览

保存报表，点击PC端预览，效果如下图所示：

image.png

注：不支持移动端。

3. 模板下载编辑

点击下载模板：JS实现改变控件透明度.frm