帮你打开活字格更神奇的功能：一百一十四、组件中设置文本框水印
本帖最后由 Erik.Xue 于 2023-3-8 11:07 编辑组件，相比各位已经不陌生了吧，这一强大的功能是8.1推出来的，玩的厉害的小伙伴相比已经用它实现了不少炫酷、好用的功能啦~
那么今天，就针对组件的小功能点进行一个讲解，场景如下：
页面上都会放置很多文本框，那么复用文本框可是组件最擅长做的，比如可以传入不同的水印值，来达到不同文本框显示不同水印值的效果，像这样：
那么接下来就和大家介绍一种实现这样效果的方法~~~
1、新建组件
组件里放置一个文本框。
2、组件设置属性
设置一个《水印内容》属性，用于接收传入的水印值。
3、组合框命名
给组合框设置一个单元格名称：
4、组件——编辑页面加载时命令
先使用设置变量命令取到传入的水印内容，然后放置一个JavaScript命令，命令内容如下：
var syText = Forguncy.CommandHelper.getVariableValue("水印文本");
var cellType = Forguncy.Page.getCellArray("查询框文本").map(i=>i.getCellType()).filter(i=>i.runTimePageName === Forguncy.ForguncyData.commandExcutor.getCommandExecuteInfo().runTimePageName)
var cell = cellType.getContainer().querySelector('');
document.getElementById(cell.id).setAttribute("placeholder",syText);
5、测试
然后在页面上放置不同的组件，传入不同的水印值即可。
想研究的小伙伴具体可以参考工程文件哦~
页:
[1]