中继器行排序 | Sorting Repeater Rows

在本教程中，你将学习如何根据中继器数据集中的某一列，对中继器的行进行升序或降序排列。【原型预览】

备注：如果你对中继器元件不太熟悉，你可以在这里了解中继器的功能和用法：中继器元件。

1、元件设置

1. 打开一个新的RP文件，并在画布中打开Page 1。
2. 拖拽一个中继器元件和一个按钮元件到画布中。
3. 设置按钮名称为“排序”
4. 选中中继器元件，在样式面板中，给中继器数据集添加两行数据，设置Column0的值分别为4和5。
5. 使用中继器数据集上面的蓝色箭头调整数据行的顺序，将Column0的顺序打乱。

2、添加排序

1. 选中“排序”按钮，点击交互面板中的新建交互。
2. 在弹出的列表中选择单击时事件，然后选择添加排序动作。
3. 在目标下拉列表中选择中继器元件。
4. 在名称字段中，输入“按Column0”。
5. 保留列下拉列表中Column0选项，以及排序类型下拉列表中的数字选项。
6. 在排序下拉列表中选择切换，然后保留DEFAULT下拉列表中的升序选项。

当点击按钮的时候，中继器的行排序将以数据集中的Column0列为排序字段，以数字的形式进行升序或降序的排列。

1. 点击确定按钮保存操作。

3、预览交互

1. 预览页面，点击“排序”按钮对中继器中的行进行排序，这些矩形将会按升序排列。
2. 再次点击按钮，这些矩形又会按照降序排列。

4、取消排序

1. 回到Axure RP中，再拖拽一个按钮元件到画布中，并设置按钮名称为“取消排序”
2. 在按钮元件被选中的情况下，点击交互面板中的新建交互。
3. 在弹出的列表中选择单击时事件，然后选择移除排序动作。
4. 在目标下拉列表中选择中继器元件。
5. 在排序下选择全部选项，点击确定按钮保存操作。

备注：如果要移除某个特定的排序，你可以选择第二项，然后在文本框中输入排序的名称，这种方法通常用在你在同一时间应用了多个排序的情况下。

5、预览交互

1. 再次预览页面，点击“排序”按钮来对中继器的行排序。
2. 点击“取消排序”按钮将中继器恢复排序前的状态。