axure制作表单查询

Axure的版本8.0

一、实现的功能及展示效果：对表格数据的查询；

二、元件搭配

1、输入框；

2、中继器；

3、标签；

三、实现逻辑
1、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据；
2、搜索框内的文字长度小于1，将表格数据完整的显示；

四、操作步骤
1、拖入相关组件并设置好中继器的数据内容；

设置中继器的第一列显示id，第二列显示姓名；

2、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据；

设置事件触发条件，搜索框内的文字长度大于等于1；

给中继器增加过滤器

设置过滤规则

3、搜索框内的文字长度小于1，将表格数据完整的显示；

给输入框增加事件触发规则，搜索框内的文字长度小于1；

移除掉中继器过滤器；

至此表单检索功能制作完成；