Axure 教程:条件查询

效果如下显示:

产品经理,产品经理网站

需求分析

1、默认展示所有用户的列表,共7条记录;

2、输入年龄区间(最大和最小值),点击查询以后,显示年龄介于输入条件的用户;

3、如果只输入年龄上限,点击查询以后,显示小于年龄上限的用户;

4、如果只输入年龄下限,点击查询以后,显示大于年龄下限的用户;

5、如果上限、下限都不输入,点击查询以后,显示所有用户;

原型设计

1、拖入两个输入框from和to到画布,作为年龄上下限输入框;

2、拖入一个查询按钮;

3、拖入中继器,显示用户列表;

产品经理,产品经理网站

4、设置中继器里面的列和数据;

产品经理,产品经理网站

交互设计

1、中继器初始化:设置中继器的每项加载函数,分别设置中继器里面对应的列值;

产品经理,产品经理网站

2、设置查询按钮的点击事件:

产品经理,产品经理网站

产品经理,产品经理网站

到了这一步,条件查询就算做好了。同学们赶紧去试试吧。

 

本文作者 @马白龙


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部