Axure9中继器实现数据排序

新增排序

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

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

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

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

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

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

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

新建交互 > 新增排序

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

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

移除排序

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

排序效果实现

相关推荐
海兰6 小时前
2.10动画协助
设计·插画·插画软件·procreate
xy34536 小时前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
新知图书8 小时前
第8章 多智能体协同
人工智能·设计模式·智能体
京师20万禁军教头11 小时前
39面向对象(高级)-设计模式
java·开发语言·设计模式
新知图书15 小时前
3.5 智能体设计模式1:反应式智能体与自动导航案例
人工智能·设计模式·智能体
码匠许师傅17 小时前
【设计模式精讲】21.迭代器模式(Iterator)
c++·设计模式·rpc·迭代器模式·软件工程·uml
DreamLife☼1 天前
复杂Agent系统架构设计
系统架构·wpf·agent·组件·设计·构架·说明
l1m0_2 天前
智能电动自行车管理后台实战:AI生成页面与React组件化技巧
前端·react.js·ui·ai·设计
Carl_奕然2 天前
【智能体】Agent的四种设计模式之:React(2026最新版)
javascript·人工智能·python·react.js·设计模式·语言模型
cfm_29142 天前
Spring核心设计模式
java·spring·设计模式