线框图组件------中继器组件

中继器组件学习

功能：

中继器主要是用来动态的存储数据的元件，可以在原型上实现增删改查的操作。下面通过演示注册功能，把注册信息存储起来，逐步了解中继器的功能。

操作过程如下：

• 首先制作一个表单注册页面，如下图所示:

 

• 制作数据区域，矩形组件的宽高分别为200、40，如下图所示：

 

下面主要讲解上图内中继器组件的操作

• 双击中继器组件，进入中继器修改页面，会直接看到一个长方形，如下所示：

• 删除长方形，拖动两个矩形组件，宽高分别为200、40，作为表格中的行，然后分别给两个矩形组件命名为name、pwd。制作完成保存后，退出中继器修改页面，如下所示：

• 单击中继器，在右侧属性中添加三条数据记录，

未添加数据

添加数据后

• 将中继器数据集绑定到中继器上，把数据记录显示出来。单击中继器交互项目切换按钮，双击每项加载下时下面的Case1,弹出用例编辑器对话框，如下图所示：

操作示意图

用例编辑器图

• 在弹出的用例编辑器对话框中，在添加动作下单击设置文本（首先删除组织动作下Case1的“设置文字于...”这个动作，如果不删除，则点击这个动作照样可以进入设置文本），然后在配置动作内勾选中继器的name复选框，操作说明如下所示：

操作示意图

操作结果

• 单击fx按钮，弹出编辑文本对话框，单击“插入变量或函数”，弹出命令框选择Item.userNmae,这样就可以把用户名列数据项绑定到用户名矩形组件中。绑定完用户名列数据后，勾选pwd复选框，采用同样的方式将密码列数据项绑定到密码矩形框组件中。这样就可以把数据集中的数据绑定到表格中，操作和结果图如下所示：

操作示意图一

对应的结果一

操作最终结果

• 给注册按钮绑定增加行操作，动态添加一条数据到数据集中。在注册按钮上添加“鼠标单击时”触发的事件，弹出的用例编辑器对话框，选择”添加动作“内的”数据集--添加行“，在”配置动作“中勾选”中继器“复选框，然后单击”添加行“按钮，弹出”添加行到中继器“的对话框，点击第一列下的”fx“按钮，操作如下图所示：

操作示意图

• 单击”fx“按钮后，弹出”编辑值“对话框，单击”添加局部变量“，单击最后一列，弹出下拉框，单击要绑定的元件名称（此处用户名的文本框命名为userName），最后选择”插入变量或函数“，弹出下拉框选择刚刚命名的局部变量名”LVAR1“，单击确定按钮。同样，将密码文本框内的数据绑定到数据集的操作与上述步骤一样。直接单击”password“下的”fx“按钮，按照”userName“的操作一步步执行即可。操作如下所示：

给用户名文本框命名为LVAR1变量

将文本框内的数据绑定到中继器数据集内

操作结果一

操作结果二（绑定数据）

• 上述步骤完成后，保存，点击菜单的发布按钮，可以查看效果，如下图所示：

点击注册后，添加的数据

 

 

 

转载于:https://my.oschina.net/u/3588767/blog/1611353