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

功能点:

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

不足:

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

总结:

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

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

发表回复

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

作品介绍:本套移动办公作品耗时一个多月,交互性好,页面全为高保真,可灵…

继续阅读 →

售价:¥ 46.60 销量: 42 6339
推荐

作品名称:【酒店预订】在线预订酒店移动端高保真原型 文件大小:36.1…

继续阅读 →

售价:¥ 99.00 销量: 21 9386
推荐

作品包含app+prd,以及合并到一起的完整作品; 买1得2:买此一个…

继续阅读 →

售价:¥ 69.00 销量: 81 15532
推荐

本在线考试系统原型,包含PC管理端、微信小程序(考生)。在线考试系统能…

继续阅读 →

售价:¥ 39.90 销量: 39 7202
推荐

作品名称:医疗手环软硬件-9年产品经理实战Axure原型交互设计模板 …

继续阅读 →

售价:¥ 99.00 销量: 25 4369
推荐

作品名称:本地生活服务类-9年产品经理实战Axure原型交互设计模板 …

继续阅读 →

售价:¥ 99.00 销量: 29 8656