请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Erik.Xue 讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2023-3-8 11:07  /   查看:2142  /  回复:0
本帖最后由 Erik.Xue 于 2023-3-8 11:07 编辑

组件,相比各位已经不陌生了吧,这一强大的功能是8.1推出来的,玩的厉害的小伙伴相比已经用它实现了不少炫酷、好用的功能啦~


那么今天,就针对组件的小功能点进行一个讲解,场景如下:

页面上都会放置很多文本框,那么复用文本框可是组件最擅长做的,比如可以传入不同的水印值,来达到不同文本框显示不同水印值的效果,像这样:
image.png328227233.png

那么接下来就和大家介绍一种实现这样效果的方法~~~

1、新建组件
image.png361400451.png

组件里放置一个文本框。


2、组件设置属性
设置一个《水印内容》属性,用于接收传入的水印值。

image.png887307739.png

3、组合框命名
给组合框设置一个单元格名称:
image.png700111694.png

4、组件——编辑页面加载时命令
先使用设置变量命令取到传入的水印内容,然后放置一个JavaScript命令,命令内容如下:

  1. var syText = Forguncy.CommandHelper.getVariableValue("水印文本");
  2. var cellType = Forguncy.Page.getCellArray("查询框文本").map(i=>i.getCellType()).filter(i=>i.runTimePageName === Forguncy.ForguncyData.commandExcutor.getCommandExecuteInfo().runTimePageName)[0]
  3. var cell = cellType.getContainer()[0].querySelector('[class="fgc-inputbox"]');
  4. document.getElementById(cell.id).setAttribute("placeholder",syText);
复制代码


5、测试
然后在页面上放置不同的组件,传入不同的水印值即可。
image.png785582580.png

image.png851415405.png


想研究的小伙伴具体可以参考工程文件哦~

demo(2).fgcc (1.06 MB, 下载次数: 78)

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部