原型设计之中继器

最近的工作主要是画原型，用的软件是 axure8，感觉大部分的功能还是比较好理解，并且容易使用。其中中继器（英文名Repeater）是Axure RP 7.0推出的新功能，是目前为止Axure最复杂的功能（没有之一）。其实也没有那么难，别被吓到了。

中继器这个翻译是让人费解的，如果直译成“重复器”虽然不太专业但是更利于理解，所以说，原型设计中绝大部分的添加重复条目时，可以考虑使用中继器，最经典的应用恐怕就是用来制作表格数据的动态增删改查了吧。下面，本人就以这个例子简单介绍一下中继器的用法。

一、动态增加数据

1、拖两个文本标签、两个文本框、一个按钮到页面上，给文本框命名，后面取值用，本例中，分别命名为name_input、pwd_input；然后拖一行表格作为我们的表格的表头，当然你也可以用若干个矩形拼接而成；
2、拖拽一个中继器到页面，并命名，这里命名为 userinfo。双击中继器，删掉里面给你预设的元件，删除所有。自己重新拖拽自己需要的元件，本例中是需要一行表格，记住，是一行，并给每个单元格命名，本例分别命名为 userid、username、userpwd。之前说过，中继器可以做重复的工作，就是增加一行数据。回到主页面，拖拽中继器与我们的表头格式对齐。如图：

3、设置一行数据吧。点击中继器，看页面右侧。在中继器栏目下面有一个表格一样的东西，在这里可以直接填预设的数据。我这里只写了两列，因为 序号是自增的，不需要我们增加。填好数据后就是添加用例啦，这个用例是拖拽中继器就自带的，双击进去编辑就行。注意设置序号userid的值时选择 index，这是内置的。另外两列也是同样的步骤，只是记得选择对应的变量，如图：

4、划重点 开始动态添加数据吧。选中 添加 按钮，添加用例。添加行–选中中继器userinfo–添加行–点击 fx ，开始设置要添加的数据是来自哪里或者哪个变量。这里我们要添加的数据是取自用户名和密码的文本框的数据，这样，添加数据的功能就实现了；预览尝试一下吧

二、删除数据

先说删除吧，实现删除很简单。
在主页表头右侧增加一列 操作，双击进入中继器，右侧增加一列，不用命名，并在单元格中拖入两个文本标签，输入 修改、删除。点击删除，增加用例。如图，确定后就实现删除功能了。如果想实现批量删除，则可以添加一列放一个复选框，复选框选中时标记行，未选中时取消标记，点批量删除市，删除已标记行就行了。

三、修改数据

1、进入中继器，拖拽两个文本框（分别命名为name_update、pwd_update）、一个文本标签（输入 保存），都先设为隐藏。
2、点击修改，增加用例，显示两个文本框，并把中继器的数据显示到文本框，显示 保存；
3、点击 保存， 添加用例，更新行，把文本框的数据更新到中继器，隐藏保存，显示修改。如图：



最后，记得把元件的位置调整好，保存和修改重叠，先隐藏保存。修改功能就实现了。

四、搜索数据

1.回到主页面，拖拽一个按钮，设置为 查询；
2.点击 查询，添加用例。筛选条件需要适用局部变量，即搜索条件，搜索条件 等于 中继器 中的数据时，显示出来，筛选成功。如图：

确定之后，搜索功能就实现啦。
ps：因为查询之后只会显示符合条件的数据，要想恢复之前你添加的所有数据，你需要再用一个按钮实现移除筛选，方法跟添加筛选是差不多的，更简单，直接移除全部筛选条件就行了

以上，就是数据的动态增删改查的中继器实现了。下面是源文件，可供参考：
效果演示
源文件下载