Axure9中继器实现数据排序

新增排序

首先对中继器中需要排序的列创建动态面板,并且设置三种状态:默认、升序以及降序

箭头颜色的调整是利用不透明设置的。

为设备编号以及购置价格设置面板状态:

  1. 当面板状态是默认状态,此时面板状态切换至升序
  1. 当面板状态是上去,此时切换至降序

  2. 当面板状态是降序,此时切换到升序

实现排序的要求只能有一列,,按照设备编号排序了就不能按照购置价格排序,按照购置价格排序了就不能按照设备编号排序。

设备编号处的排序并不是根据我们所看到的编号进行排序的,而是在中继器中的数字。

新建交互 > 新增排序

根据实际情况选择需要排序的列,值类型以及顺序。

注意:在新增排序的时候如果出现了排序类型是"数字"的情况,那么此时很可能就是汉化包出现了问题,在Axure中文网中下载汉化包并且重新配置就可以解决这一问题了。

移除排序

当数据不需要进行排序的时候新建移除排序的交互就可以恢复默认状态了。

排序效果实现

相关推荐
1024肥宅1 小时前
前端常用模式:提升代码质量的四大核心模式
前端·javascript·设计模式
郝学胜-神的一滴6 小时前
设计模式依赖于多态特性
java·开发语言·c++·python·程序人生·设计模式·软件工程
帅次6 小时前
系统分析师:软件需求工程的软件需求概述、需求获取、需求分析
设计模式·重构·软件工程·团队开发·软件构建·需求分析·规格说明书
EXtreme356 小时前
【数据结构】算法艺术:如何用两个栈(LIFO)优雅地模拟队列(FIFO)?
c语言·数据结构·算法·设计模式·栈与队列·摊还分析·算法艺术
1024肥宅1 天前
JavaScript常用设计模式完整指南
前端·javascript·设计模式
特立独行的猫a1 天前
C++观察者模式设计及实现:玩转设计模式的发布-订阅机制
c++·观察者模式·设计模式
better_liang1 天前
每日Java面试场景题知识点之-单例模式
java·单例模式·设计模式·面试·企业级开发
sg_knight1 天前
什么是设计模式?为什么 Python 也需要设计模式
开发语言·python·设计模式
koping_wu1 天前
【设计模式】设计模式原则、单例模式、工厂模式、模板模式、策略模式
单例模式·设计模式·策略模式
__万波__1 天前
二十三种设计模式(九)--组合模式
java·设计模式·组合模式