穿梭框(已选区可置顶、可置底、可上移、可下移,自由调整顺序)

功能点:

  • 除穿梭框的常规左右穿梭基础功能外,已选区追加排序功能,支持任意已选区数据执行置顶、置底、上移、下移等功能;
  • 执行置顶/置底/上移/下移操作的数据,单次执行后仍然处于选中状态,可对同一数据连续进行顺序的移动;
  • 候选区、已选区均设有全选按钮,涉及各类选择与反选等操作已解决;
  • 已选区设有“一键清空”按钮,可一键清空已选区全部数据;
  • 本案例可为有“中继器执行动作后,需仍保留其选中状态”及“中继器中数据进行顺序调整”需求的小伙伴提供案例参考;

不足:

  • 已选区选定数据初次执行排序操作时,实际调整为选中数据的下一项(如图选择已选区的“姓名”,执行“下移”操作,初次执行实际变更位置的是“性别”),但连续执行后不存在该问题,暂未想到合适解决方案;
  • 若已选区数据执行操作无法响应时,有时会卡住,例如选择已选区的第一条数据,执行“置顶”或“上移”操作;

总结:

  • 元件整体花费了本人大量精力,个人认为还是有较强的参考意义,尤其对于认为以上不足为非致命问题的小伙伴是可以直接拿来使用;
  • 本元件保证未引入任何第三方代码等,实现方式完全依赖于以中继器为主的Axure自带元件;
  • 请各位考虑不足处是否可接受,再决定是否需要购买;
  • 有感兴趣的同学也欢迎与本人沟通,互相交流,共同提升;

经反馈,已修复使用“一键清空”按钮后,禁用置顶/置底/上移/下移等功能的问题~

发表回复

以下作品你可能也喜欢:
推荐

作品名称:AxureUX业务展示类网站高保真原型模板库 作品类型:模板…

继续阅读 →

售价:¥ 69.00 销量: 141 8786
推荐

本元件库是基于Bootstrap4.0框架制作,在保留原有功能基础上优…

继续阅读 →

售价:¥ 29.90 销量: 198 11594
推荐

v 1.1.0版本内容说明(2019-12-18) 更新内容:之前未设…

继续阅读 →

售价:¥ 19.90 销量: 361 27675
推荐

系统名称:充电桩运营管理平台原型设计V2.0 【高保真原型】 设计工具…

继续阅读 →

售价:¥ 92.80 销量: 23 5963
推荐

【UX/UI原型模板系列】是同时兼备UI的美观和UX高保真交互, 为您…

继续阅读 →

售价:¥ 30.00 销量: 208 18902
推荐

软件版本:Axure9.0 页面数量:24 版本:V1.0版本 产品介…

继续阅读 →

售价:¥ 25.60 销量: 52 7509