Axure9中继器实现数据排序

新增排序

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

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

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

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

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

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

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

新建交互 > 新增排序

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

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

移除排序

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

排序效果实现

相关推荐
小小寂寞的城12 小时前
JAVA观察者模式demo【设计模式系列】
java·观察者模式·设计模式
花好月圆春祺夏安14 小时前
基于odoo17的设计模式详解---备忘模式
数据库·设计模式
DKPT19 小时前
Java设计模式之行为型模式(责任链模式)介绍与说明
java·笔记·学习·观察者模式·设计模式
NAGNIP21 小时前
大模型幻觉:你信它,它却在胡说?
算法·设计
使一颗心免于哀伤1 天前
《设计模式之禅》笔记摘录 - 6.原型模式
笔记·设计模式
UI罐头2 天前
后台设计指南:系统架构、交互规范与工具实战全流程解析
ui·设计·设计工具
ffcf2 天前
设计模式—专栏简介
设计模式
tianchang2 天前
SSR 深度解析:从原理到实践的完整指南
前端·vue.js·设计模式
饕餮争锋2 天前
设计模式笔记_创建型_建造者模式
笔记·设计模式·建造者模式
小小寂寞的城2 天前
JAVA策略模式demo【设计模式系列】
java·设计模式·策略模式