在本教程中，你将学习如何过滤中继器部件以仅显示满足特定条件的行。

注意

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

1. 部件设置

1. 打开一个新的RP文件，然后在画布上打开页面 1。

2. 将中继器部件和按钮部件拖到画布上。

3. 将按钮上的文本设置为“添加过滤器”。

4. 选择中继器部件。 在“样式”窗格中，将两行添加到数据集的Column0中，其中一列的值为4，另一行的值为5。

2. 按常数过滤

选择“添加过滤器”按钮部件，然后在“交互”窗格中单击“新建交互”。 在出现的列表中选择点击事件，然后选择添加过滤操作。 在目标下拉列表中选择中继器部件。 在名称字段中，输入小于4。 I在“规则”字段中，输入[[Item.Column0 <4]]。 该括号表达式将过滤出Column0值小于4的所有行。 单击确定以保存操作。

3. 预览交互

预览页面，然后单击“添加过滤器”按钮以过滤中继器。 “ 4”和“ 5”矩形应消失。

4.按动态值过滤

1. 返回Axure RP，将文本输入框部件添加到画布。

2. 选择文本输入框后，在“交互”窗格中单击“新建交互”。

3. 在出现的列表中选择“文本改变”事件，然后选择“添加筛选”操作。

4. 在目标下拉列表中选择中继器部件。

5. 在名称字段中，输入小于用户输入。

6. 在“规则”字段中，输入[[Item.Column0 <This.text]]。 该括号表达式将过滤出Column0值小于在文本输入框中输入的值的所有行。

7. 单击确定以保存操作。

5. 预览交互

1. 再次预览页面，然后在文本输入框中输入4。 中继器应仅显示矩形“ 3”及以下。

2. 在文本输入框中输入5。 现在，中继器应显示矩形“ 4”及以下。