Axure9中继器实现数据排序

新增排序

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

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

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

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

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

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

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

新建交互 > 新增排序

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

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

移除排序

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

排序效果实现

相关推荐
心若自由何处是束缚18 小时前
适配器模式:从原理到实战的完整指南
设计模式·适配器模式
是2的10次方啊21 小时前
设计模式与生活⑮:看到哪儿了,得有个地方替你记着
设计模式
2601_967979121 天前
设计模式 - 访问者模式
设计模式·访问者模式·应用场景·对象结构·操作分离
是2的10次方啊2 天前
设计模式与生活⑭:一栋楼,共用一份热
设计模式
ZhengEnCi3 天前
为什么苹果的圆角更高级:连续曲率圆角 Squircle 从超椭圆到 CSS 实现的完全讲解
css·设计
是2的10次方啊3 天前
设计模式与生活⑬:你坐几号线,谁来运营是另一回事
设计模式
Tt有了t4 天前
设计模式速查
java·python·设计模式
一条Go4 天前
四个进程,一把锁:Alioth 的告警评测为什么不需要消息队列
后端·设计模式·架构
一缕82年的清风4 天前
被中产唾弃的“十元快剪”,藏着最狠的极客工程学
人工智能·设计模式
是2的10次方啊4 天前
设计模式与生活⑫:周报又到手,别从空白开始
设计模式