中继器表格删除_技术篇 | Axure 8.0中继器介绍及简单使用筛选、排序、翻页

一、 什么是中继器

Axure中很大的亮点就是中继器，它就是一个数据集，里面可以导入数据和图像，新增行、删除行、进行排序和筛选数据，高级交互常用。

你可以将中继器看作是一个临时的数据库，存储数据使用的。这个控件的作用是为了演示数据的存、读、删、改。比如，内部报告包含类型、主体等字段。那通过输入框输入不同的类型、主体，通过中继器就可复制出来。

二、 为什么要使用中继器

1. 它能让你的原型实现数据交互包括存、读、删、改。

2. 它可以为你的原型提供真实化的操作感觉。

3. 它可以帮助你完成真实的演示，让研发、测试、及甲方业务人员更明白你要做的业务场景。

三、 它有什么弊端

1. 做起来更加耗时

2. 修改起来会更加困难

3. 上手难度较高

四、 使用示例如下

效果图如下：

这是需要准备做的内容：

• 使用中继器实现表格，设置每页显示数量和页面排序；

• 点击按钮第一页、最后一页、上一页、下一页页面变化；

• 实现筛选中继器表格人员信息表及清除筛选条件；

添加用例：

接下来，我们就根据上面罗列的实现目标，逐一完成各项功能。

第一步，放入七个矩形作为列表表头。

1、添加矩形

2、创建模板

第一步，放入一个中继器，双击打开，先完成中继器的基本操作。

3、添加数据

将准备好的列表信息添加到中继器数据表中；

每项加载时需要选择对应中继器里面“矩形”；

用例：设置对应的矩形显示数据信息；

4、中继器动态面板

将中继器和矩形创建为一个控制面板；

5、列表排序【序号、生日、身高、体重】

① 序号升序排序

移除筛选：选择移除筛选→选择中继器→勾选移除全部筛选【此步骤用于清除其它列表筛选，如不移除会在其他筛选条件上排序】

添加排序：选择中继器→属性【选择需排序的中继器列表】→排序类型【当前为数字选择Number】→排序【升序】

② 生日切换排序

添加排序：选择中继器→属性【选择需排序的中继器列表】→排序类型【当前为日期选择Date – MM/DD/YYYY】→排序【切换“每次点击升序和降序切换”】→默认【升序】

③ 身高和体重排序

按照上面描述以此类推，这里就不重新描述了

6、筛选列表数据【性别、身高】

① 性别筛选

添加筛选：选择中继器→条件【FX】→插入中继器数据列【Item.xingbie】→创建局部变量【xingbie】→条件[[Item.xingbie==xingbie]]

局部变量要选择对应的下拉菜单才可获取到性别信息；

此条件用于筛选复核下拉列表中的性别；

② 身高筛选

创建两个矩形命名为【zuidi】【zuigao】：

用于获取数据的身高值。

创建两个按钮：

用于身高筛选和清除筛选条件。

选择筛选按钮添加条件：

添加筛选：选择中继器→条件【FX】→插入中继器数据列【Item.shengao】→创建局部变量【zuigao】【zuidi】→条件[[Item.shengao>zuidi&&Item.shengao

局部变量要选择矩形【zuigao】【zuidi】才可获取到区间身高；

③ 中继器默认每页数

设定中继器默认每页项目数量【10】起始页【1】，这样可以实现中继器默认为每页10条数据，默认为第1页显示；

④ 设置列表每页显示数

条件：选择设置每页项目数→选择中继器→FX→设置下拉列表局部变量【fanye】

⑤ 设置列表按钮翻页

创建四个矩形一个文本框及一个按钮

|< 设置为第一页【Value】指定页数为第一页

> 设置为下一页【Next】

>| 设置为最后一页【Last】

⑥ 设置列表跳转翻页

创建文本框【yema】和按钮【GO】

选择按钮【GO】条件：设置当前页→选择中继器→Value→fx→局部变量【yema】

END