JS給參數控件添加水印文字

1.1 問題描述

制作報表時，有時需要爲控件添加水印文字，給予用戶輸入提示，編輯控件後水印内容消失。如下圖所示：

爲控件添加水印可直接在控件屬性面板中添加，也可以通過 JS 添加。本文介紹通過 JS 給控件添加水印文字。

1.2 實現思路

 給控件增加「初始化後」事件，事件内容爲初始化後，爲控件添加水印文字。

2.1 準備模板

1）新建模板，點擊菜單欄「模板>模板參數」，添加一個模板參數 p1，如下圖所示：

2）将參數 p1 添加到參數面板中，設置 p1控件類型爲「文本控件」，如像下圖所示：

2.2 添加事件

給「文本控件 」p1 添加一個「初始化後」事件，實現添加水印的效果。如下圖所示：

JavaScript 代碼如下：

var p1 = this.options.form.getWidgetByName('p1');//獲取控件
p1.setWaterMark('水印文字');//添加水印文字

2.3 預覽效果

保存模板，點擊「分頁預覽」，PC 端效果如下圖所示：

注：不支持移動端。

已完成的模板，可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\參數界面JS實例\20-JS給參數控件添加水印文字-方法一.cpt

點擊下載模板：20-JS給參數控件添加水印文字-方法一.cpt