中继器动态增行 | Dynamically Add Rows to Repeater

在本教程中,你将学习如何使用添加行动作给中继器元件动态增行。【原型预览】

注意:如果你对中继器元件不熟悉,你可以在这里了解它的功能和用途:中继器元件。

1、元件设置
  1. 打开一个新的RP文件,并在画布中打开Page 1
  2. 拖拽一个中继器元件,一个文本框元件和一个按钮元件到画布中。
  3. 设置按钮的名称为“添加行”。
2、点击按钮时向中继器中增加一行
  1. 选中按钮元件,点击交互面板中的新建交互
  2. 在弹出的列表中选择单击时事件,然后选择添加行动作。
  3. 目标下拉列表中选择中继器元件。
  4. 点击添加行按钮,在弹出的添加行到中继器对话框中,点击fx图标以打开编辑值对话框。
  5. 在对话框的地步,点击添加局部变量
  6. 在局部变量行的第三个字段中,选择文本框元件。在Web浏览器中,这个局部变量就可以捕捉到文本框中的文本内容。
  7. 在对话框上部的字段中,输入带中括号的变量名称:[[LVAR1]]。
  8. 点击确定按钮关闭编辑值对话框,然后再次点击确定按钮关闭添加行到中继器对话框。
  9. 点击交互面板中的确定按钮保存添加行动作。
3、预览交互
  1. 预览页面,在文本框中输入一些内容。
  2. 点击添加行按钮,向中继器中新增一行。新行的矩形元件就会显示刚才文本框中输入的内容。
评论(0 个评论)

发表回复

您的电子邮箱地址不会被公开。