Axure RP9教程 列表查询

一、说明

上一篇我给大家介绍了列表多选操作，本篇将给大家介绍列表查询，列表查询是非常常见的一个功能，我们通过会根据用户自定义的筛选条件去过滤相关数据，如何实现这样一个功能，axure中中继器新增过滤器给我们提供了良好的工具。

二、案例演示

案例链接

三、操作说明

1. 我们在表头上添加所属分类、类型名称查询条件，元件分别命名未txtType、txtName；
2. 再添加查询、重置按钮；
3. 给查询按钮添加鼠标单击时交互动作、同步添加新增过滤器
   
4. 过滤器设置操作如下
   

Item.type 指过滤器中的type列，indexOf指字符串函数，indexOf(type)>-1，判断是否存在type，存在返回其他相应索引，同构indexOf可以实现一个简单的模糊匹配功能。在常用函数中介绍了各个函数用法。
type是我们根据所属分类填充的文本值设置的局部变量
移除过滤器指将其他过滤器条件去除，意思就是当所属分类不为空时，只根据所属分类进行模糊匹配。

预览之后我们看下效果

四、总结

整个交互效果我们用到了以下几个知识点:

1. 中继器过滤器功能应用场景
2. 局部变量如何定义及使用
3. 字符串indexOf函数的使用

下一篇将为大家介绍利用中继器设置每页项大小功能，实现一个列表分页大小功能