Axure9中继器实现数据排序

新增排序

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

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

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

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

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

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

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

新建交互 > 新增排序

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

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

移除排序

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

排序效果实现

相关推荐
choumin4 小时前
创建型模式——工厂方法模式
c++·设计模式·工厂方法模式·创建型模式
choumin11 小时前
创建型模式——原型模式
c++·设计模式·原型模式·创建型模式
37.2℃99512 小时前
Claude Design哪个公司技术好
python·设计模式
阿懂在掘金13 小时前
Vue 弹窗新范式——代码减少、复用翻倍与 AI 时代的前端基建
前端·设计模式·前端框架
choumin14 小时前
结构型模式——装饰模式
c++·设计模式·装饰模式·结构型模式
choumin18 小时前
结构型模式——组合模式
c++·设计模式·组合模式·结构型模式
workflower18 小时前
供应链分销网络选址问题
人工智能·机器学习·设计模式·自然语言处理·机器人
第一个传播学2 天前
忍者龙剑传4豪华版下载及其玩法解析
设计模式
第一个传播学3 天前
赛博朋克2077修改器下载及其用法
设计模式
逸模3 天前
连锁品牌扩张,别被低效迭代拖死速度
其他·设计·工程·公装·连锁公装