JS給參數元件新增水印文字

1.1 版本

1.2 問題描述

製作報表時，有時需要為元件新增水印文字，給予使用者輸入提示，編輯元件後水印內容消失。如下圖所示：

為元件新增水印可直接在元件屬性面板中新增，也可以透過 JS 新增。本文介紹透過 JS 給元件新增水印文字。

1.3 實現思路

 給元件增加「初始化後」事件，事件內容為初始化後，為元件新增水印文字。

2.1 準備範本

1）建立範本，點選菜單欄「範本>範本參數」，新增一個範本參數 p1，如下圖所示：

2）將參數 p1 新增到參數面板中，設定 p1元件類型為「正文元件」，如像下圖所示：

2.2 新增事件

給「正文元件 」p1 新增一個「初始化後」事件，實現新增水印的效果。如下圖所示：

JavaScript 程式碼如下：

var p1 = this.options.form.getWidgetByName('p1');//獲取元件
p1.setWaterMark('水印文字');//新增水印文字

2.3 預覽效果

2.3.1 PC 端

儲存範本，點選「分頁預覽」，效果如 1.2 節所示。

2.3.2 行動端

儲存範本，選擇「行動端預覽」，效果如下圖所示：

點選下載範本：20-JS給參數元件新增水印文字-方法一.cpt