中继器组件学习
功能:
中继器主要是用来动态的存储数据的元件,可以在原型上实现增删改查的操作。下面通过演示注册功能,把注册信息存储起来,逐步了解中继器的功能。
操作过程如下:
- 首先制作一个表单注册页面,如下图所示:
- 制作数据区域,矩形组件的宽高分别为200、40,如下图所示:
下面主要讲解上图内中继器组件的操作
- 双击中继器组件,进入中继器修改页面,会直接看到一个长方形,如下所示:
- 删除长方形,拖动两个矩形组件,宽高分别为200、40,作为表格中的行,然后分别给两个矩形组件命名为name、pwd。制作完成保存后,退出中继器修改页面,如下所示:
- 单击中继器,在右侧属性中添加三条数据记录,
未添加数据
添加数据后
- 将中继器数据集绑定到中继器上,把数据记录显示出来。单击中继器交互项目切换按钮,双击每项加载下时下面的Case1,弹出用例编辑器对话框,如下图所示:
操作示意图
用例编辑器图
- 在弹出的用例编辑器对话框中,在添加动作下单击设置文本(首先删除组织动作下Case1的“设置文字于...”这个动作,如果不删除,则点击这个动作照样可以进入设置文本),然后在配置动作内勾选中继器的name复选框,操作说明如下所示:
操作示意图
操作结果
- 单击fx按钮,弹出编辑文本对话框,单击“插入变量或函数”,弹出命令框选择Item.userNmae,这样就可以把用户名列数据项绑定到用户名矩形组件中。绑定完用户名列数据后,勾选pwd复选框,采用同样的方式将密码列数据项绑定到密码矩形框组件中。这样就可以把数据集中的数据绑定到表格中,操作和结果图如下所示:
操作示意图一
对应的结果一
操作最终结果
- 给注册按钮绑定增加行操作,动态添加一条数据到数据集中。在注册按钮上添加“鼠标单击时”触发的事件,弹出的用例编辑器对话框,选择”添加动作“内的”数据集--添加行“,在”配置动作“中勾选”中继器“复选框,然后单击”添加行“按钮,弹出”添加行到中继器“的对话框,点击第一列下的”fx“按钮,操作如下图所示:
操作示意图
- 单击”fx“按钮后,弹出”编辑值“对话框,单击”添加局部变量“,单击最后一列,弹出下拉框,单击要绑定的元件名称(此处用户名的文本框命名为userName),最后选择”插入变量或函数“,弹出下拉框选择刚刚命名的局部变量名”LVAR1“,单击确定按钮。同样,将密码文本框内的数据绑定到数据集的操作与上述步骤一样。直接单击”password“下的”fx“按钮,按照”userName“的操作一步步执行即可。操作如下所示:
给用户名文本框命名为LVAR1变量
将文本框内的数据绑定到中继器数据集内
操作结果一
操作结果二(绑定数据)
- 上述步骤完成后,保存,点击菜单的发布按钮,可以查看效果,如下图所示:
点击注册后,添加的数据