JS给参数控件添加水印文字

1. 描述

添加水印文字，给予用户输入提示，编辑状态后水印内容消失。

一种是给控件增加初始化后事件，初始化后，添加水印文字。

另一种可以直接在参数界面添加水印文字。

点击菜单模板-模板参数，添加一个模板参数p1：

将参数添加到参数面板中：

3.1 方法一

给文本控件p1添加初始化后事件，如下图设置：

JS代码如下：

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

保存后预览，即可看到效果。

3.2 方法二

直接在右侧的属性面板中水印区域进行设置。

4. 预览效果

4.1 PC端预览效果

4.2 移动端预览效果

注：方法一不支持移动端。

1）APP预览效果

5. 已完成模板

1）方法一

已完成的模板，可参见：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\参数界面JS实例\20-JS给参数控件添加水印文字-方法一.cpt

2）方法二

已完成的模板，可参见：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\参数界面JS实例\20-JS给参数控件添加水印文字-方法二.cpt

主题：

标签：已验证 9.0验证

文档内容仅供参考，如果你需要获取更多帮助，付费/准付费客户请咨询帆软技术支持
关于技术问题，您还可以前往帆软社区，点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题，可以联系帆软传说哥（qq：1745114201）