Axure9中继器实现数据排序

新增排序

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

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

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

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

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

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

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

新建交互 > 新增排序

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

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

移除排序

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

排序效果实现

相关推荐
庞轩px17 小时前
HotSpot详解——符号引用、句柄池、直接指针的终极解密
java·jvm·设计模式·内存·虚拟机·引用·klass
colin521018 小时前
Axure 本地预览时加载慢的问题分析和处理方法
axure·谷歌字体样式·网页加载慢
Yu_Lijing19 小时前
基于C++的《Head First设计模式》笔记——责任链模式
c++·笔记·设计模式·责任链模式
青木川崎21 小时前
设计模式之面试题
java·开发语言·设计模式
colin52102 天前
AxureRP11实例-手机号提交验证交互功能JH110002
axure·axurerp11·手机号验证
Yu_Lijing2 天前
基于C++的《Head First设计模式》笔记——生成器模式
c++·笔记·设计模式
sg_knight2 天前
设计模式实战:策略模式(Strategy)
java·开发语言·python·设计模式·重构·架构·策略模式
吐个泡泡v2 天前
Python 开发“设计模式”指南
python·设计模式
colin52102 天前
AxurePR11实例-验证码倒计时交互功能JH110001
交互·axure·验证码产品交互