Axure 动态面板快速实现更多查询条件展示/隐藏
一,说明
在PC端的后台管理界面上,经常会遇到一个表格有许多列,为了做数据筛选会做大量的查询条件,当查询条件较多时
二、效果演示
案例链接:
三、操作步骤
- 在画布中添加按关键字查找基本查询条件;
- 再添加高级查询条件,按日期查找、按状态查询等查询条件;
- 将高级查询条件,全部选中,右键转换为动态面板并命名为高级查询;
- 给高级查询动态面板添加状态,状态命名为无数据;
- 选择查询条件高级元件添加鼠标单击交互事件,同步插入设置文本、设置面板状态;
- 设置面板状态时,注意在更多选项中勾选展开/收起元件,截图如下
- 添加用例判断,当元件为高级时,展开高级程序,否则隐藏高级查询。
详细操作如下:
这个案例综合了动态面板状态切换及展开收缩效果实现
THE END