Axure RP 9 中继器原理——更新行

我们使用中继器的时候，除了添加行、删除行，有时候我们还需要从表格里面选定某一行进行修改更新，那么如何更新行捏？

本篇文章在前两篇的文章基础上操作：
1、Axure RP 9 中继器原理——添加行 （ 也可以直接在这篇文章的基础上进行更新行操作）

2、Axure RP 9 中继器原理——删除行

步骤：
1、我们先复制一下 Axure RP 9 中继器原理——删除行 的全部元件，然后CTRL+V放在一个新的页面中，将矩形框添加一个文字标签，并将内容修改为“中继器添加行”，如下图：

复制到新页面

2、全选矩形框的元件，复制一份，放到中继器下方，并将文字标签的内容修改为“中继器更新行”，三个文本框在“交互”下的命名分别为“输入商品名称-更新”、“输入商品数量-更新”、“输入商品价格-更新”，按钮的文字改为“确认”。如下图：

复制修改矩形框

3、将“中继器更新行”矩形内选中、CTRL+G组合，同时将组合名称命名为“中继器更新行弹窗”。

组合命名

4、双击选中中继器，点击选中“修改”，“新建交互”——>“单击时”——>“显示/隐藏”——>目标：“中继器更新行弹窗”——>“显示”——>更多选项：“灯箱效果”——>"完成"。

设置

5、继续“添加动作”，选择“标记行”——>目标：“（中继器）”——>行：“当前”——>"完成"。

设置标记行

6、继续“添加动作”，选择“设置文本”——>目标：“输入商品名称-更新”——>fx：“Item.name”——>“确定”——>“完成”。

设置

7、继续“添加目标”，同样的方法，目标：“输入商品数量-更新”——>fx：“Item.number”——>“确定”——>“完成”。

设置

8、继续“添加目标”，同样的方法，目标：“输入商品价格-更新”——>fx：“Item.sale”——>“确定”——>“完成”。

设置

9、设置完成的亚子，如下图：

设置完成

10、关闭中继器，单击选中“确定”按钮，“新建交互”——>“单击时”——>“更新行”——>目标：“（中继器）”——>"已标记"——>选择列：“name”——>fx——>添加局部变量（如图所示）——>“插入变量或函数”（如图所示）——>“确定”。

设置更新的商品名称

11、继续“选择列”，用同样的方法，设置商品数量、价格。最后点击“完成”。

设置商品数量

12、继续“添加动作”，目标：“中继器跟新弹窗”——>“隐藏”——>“确定”。

显示/隐藏

13、继续“添加动作”，目标：“（中继器）”——>“全部”——>“确定”。

取消标记

14、隐藏整个矩形框。

隐藏

15、预览效果。

首先，先添加几行数值，对某一行的数据点击“修改”，会出现“中继器更新行弹窗”，并获取到刚刚点击需要修改的行的数值，进行修改后，点击“确认”，当前行的数值被修改，其他行的数值不变，中继器更新行成功。完结，撒花~