JS實現改變控件透明度

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 效果預覽

保存報表，點擊PC端預覽，效果如下圖所示：

注：不支持移動端。

已完成的模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表單JS實例\JS實現改變控件透明度.frm

點擊下載模板：JS實現改變控件透明度.frm