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

功能点:

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

不足:

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

总结:

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

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

发表回复

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

作品依据iView  Weapp绘制,内容包含基础(色彩、字体、按钮、…

继续阅读 →

售价:¥ 30.00 销量: 82 5199
推荐

注意事项: 1、字体使用说明: 本原型文件使用了字体:FontAwes…

继续阅读 →

售价:¥ 68.00 销量: 31 14081
推荐

一、作品说明 校园资讯、视频、文章、活动、圈子、投票、服务、专区移动端…

继续阅读 →

售价:¥ 99.00 销量: 6 4727
推荐

管理工作中,需要收集、处理及使用大量的数据。为了整合系统数据,便于全局…

继续阅读 →

售价:¥ 60.00 销量: 39 17618
推荐

作品概况 页面数量:共 120+ 页(长期更新中…) 源文件格式:rp…

继续阅读 →

售价:¥ 79.80 销量: 74 11705
推荐

内容 作品包含UML活动图(流程图)、泳道图、状态图、用例图、类图、时…

继续阅读 →

售价:¥ 5.00 销量: 1046 23631