在本教程中,你将学习如何使用添加行动作给中继器元件动态增行。【原型预览】
注意:如果你对中继器元件不熟悉,你可以在这里了解它的功能和用途:中继器元件。
1、元件设置
- 打开一个新的RP文件,并在画布中打开Page 1。
- 拖拽一个中继器元件,一个文本框元件和一个按钮元件到画布中。
- 设置按钮的名称为“添加行”。
2、点击按钮时向中继器中增加一行
- 选中按钮元件,点击交互面板中的新建交互。
- 在弹出的列表中选择单击时事件,然后选择添加行动作。
- 在目标下拉列表中选择中继器元件。
- 点击添加行按钮,在弹出的添加行到中继器对话框中,点击fx图标以打开编辑值对话框。
- 在对话框的地步,点击添加局部变量。
- 在局部变量行的第三个字段中,选择文本框元件。在Web浏览器中,这个局部变量就可以捕捉到文本框中的文本内容。
- 在对话框上部的字段中,输入带中括号的变量名称:[[LVAR1]]。
- 点击确定按钮关闭编辑值对话框,然后再次点击确定按钮关闭添加行到中继器对话框。
- 点击交互面板中的确定按钮保存添加行动作。
3、预览交互
- 预览页面,在文本框中输入一些内容。
- 点击添加行按钮,向中继器中新增一行。新行的矩形元件就会显示刚才文本框中输入的内容。