跳到主要内容

排序中继器行

在本教程中,你将学习如何基于中继器数据集中的列,以升序和降序对中继器中的行进行排序。

注意

单击此处下载本教程的完整RP文件。

1. 部件设置


  1. 打开一个新的RP文件,然后在画布上打开页面 1。
  2. 将中继器部件和按钮部件拖到画布上。
  3. 将按钮上的文本设置为“添加排序”。
  4. 选择中继器部件。 在“样式”窗格中,将两行添加到数据集的Column0中,其中一列的值为4,另一行的值为5。
  5. 使用数据集上方的蓝色箭头对行进行上下移动,以使Column0的值不再按顺序排列。

2. 添加排序


1. 选择“添加排序”按钮,然后在“交互”窗格中单击“新建交互”。
2. 在出现的列表中选择点击事件,然后选择添加排序操作。
3. 在目标下拉列表中选择中继小部件。
4. 在名称字段中,输入Toggle Column0。
5. 在“列”下拉列表中选择“ Column0”,在“排序方式”下拉列表中选择“数字”。
6. 在“排序”下拉列表中,选择“切换”,然后在“默认”下拉列表中选择“升序”。
这种排序将以数据集的Column0为目标,将其数据视为数字,并在单击按钮时在升序和降序之间来回切换排序顺序。
7. 单击确定保存操作

3. 移除排序


  1. 将另一个按钮部件拖动到画布上,并将其文本设置为“删除排序”。
  2. 选中按钮部件后,在“交互”窗格中单击“新建交互”。
  3. 在出现的列表中选择点击事件,然后选择移除排序操作。
  4. 在目标下拉列表中选择中继器部件。
  5. 选择All单选按钮,然后单击确定以保存操作。

注意

要仅删除一个特定的排序,可以选择第二个单选按钮,然后在文本字段中输入排序的名称。 当你同时将多个排序应用于中继器时,此功能很有用。

4.预览


  1. 再次预览页面,然后单击“添加排序”按钮以对中继器进行排序。
  2. 再次单击按钮可将矩形更改为降序。
  3. 单击“删除排序”按钮,将中继器恢复为未排序状态。