1.1 问题描述

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

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

1.2 实现思路

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

2.1 报表设计

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

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

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

JS 代码如下：

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

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

2.2 效果预览

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

注：不支持移动端。

已完成的模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\JS实现改变控件透明度.frm

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