【sciter】封装穿梭器组件总结

sciter穿梭器组件封装总结

以下穿梭器组件分为两种,一种是树形结构穿梭器,另外一种是列表结构穿梭器。

最终实现的效果:调用方可以通过抛出方法,对组件进行初始化,配置参数。组件根据参数生成相关组件。

在这里插入图片描述


穿梭器实现的功能点

  • 对数据项进行操作
    • 增加:点击增加按钮,可以从左容器中获取到被选中的数据项,并将其添加到右容器中。此时左容器中的数据项为禁止状态
    • 删除:点击删除按钮,可以从右容器中获取到被选中的数据项,并将其添加到左容器中。此时左容器中的数据项后根据右容器传递过来的数据项进行匹配解除禁止状态。
    • 清空:点击清空按钮,可以从右容器中获取所有数据项,并将其添加到左容器中。同理:此时左容器数据项也会解除禁止状态
  • 头部实时记录被选中的列表数据项或叶子数据项的数量
  • 搜索:根据配置参数来确定是否配置搜索功能
    • 搜索方法可以自定义方法,也可以使用默认搜索方法
  • 双击数据项:实现被双击数据项的增加(左容器)或删除(右容器)
  • 实现checkbox的三种状态(选中,未选中,非全选状态)

实现过程中出现的难点:

1、数据状态持久化


版权声明:本文为weixin_44659458原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。