在本教程中,您将学习如何使用添加行动作来向中继器元件动态添加行。
1. 元件设置
![](../../images/2023060141.png)
1. 打开一个新的 RP 文件并在画布上打开Page 1。
2. 将中继器元件、文本字段元件和按钮元件拖到画布上。
3. 将按钮的文本设置为“Add New Row”。
2. 点击按钮时向中继器添加一行
![](../../images/2023060142.png)
1. 选择按钮元件,然后在交互窗格中单击新建交互。
2. 在出现的列表中选择单击事件,然后选择添加行操作。
3. 在目标下拉列表中选择中继器元件。
4. 单击添加行按钮。在出现的将行添加到中继器对话框中,单击fx图标打开编辑值对话框。
5. 在对话框底部,单击添加局部变量。
6. 在新局部变量行的第三个字段中,选择文本字段元件。此局部变量将在 Web 浏览器中捕获文本字段的内容。
7. 在对话框的上部字段中,在括号中输入局部变量的名称: [[LVAR1]]
8. 单击“确定”关闭“编辑值”对话框,然后再次单击“确定”关闭“将行添加到中继器”对话框。
9. 在交互窗格中单击确定以保存添加行操作。
3. 预览交互
1. 预览页面并在文本字段中输入一些文本。
2. 单击Add New Row按钮向中继器添加新行。新行的矩形元件立即显示文本字段中的内容。
![](../../images/2023060143.png)
|