Axure的版本8.0

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

axure制作表单查询

axure制作表单查询

二、元件搭配

1、输入框;

2、中继器;

3、标签;

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

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

axure制作表单查询

设置中继器的第一列显示id,第二列显示姓名;

axure制作表单查询

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

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

axure制作表单查询

给中继器增加过滤器

axure制作表单查询

设置过滤规则

axure制作表单查询

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

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

axure制作表单查询

移除掉中继器过滤器;

axure制作表单查询

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

相关文章: