MISortable

功能描述

Sortable.js是一款轻量级的拖放排序列表的js插件 可以从一个列表容器中拖拽一个列表单元到本列表容器中进行排序 可以实现从一个列表拖动到另一个列表。您拖动的项目将被克隆，克隆将保留在原始列表中。 可以实现左侧的列表禁用。 从左侧列表拖动到右侧列表。 网格排列 …..

依赖的模块

Sortable.js

快速使用

  1. 1.通过Sorable对象中的create方法创建
  2.   如：
  3.     var el = document.getElementById('demo');
  4.     var sortable = Sortable.create(el,{});
  6. 2.属性描述
  7. handle: selector 格式为简单css选择器的字符串，使列表单元中符合选择器的元素成为拖动的手柄，只有按住拖动手柄才能使列表单元进行拖动；
  8. animation: number 单位：ms，定义排序动画的时间；
  9. group: {
  10.     name: 'Cloning',自定义名字，必须和要克隆的列表名字一样
  11.     pull: 'clone'    克隆
  12.     put: false        不允许将项放入此列表
  13.     invertSwap:true    反向互换
  14.  },
  15. 3.方法描述
  16. onAdd: function 列表单元添加到本列表容器的回调函数
  17. onStart: function 列表单元拖动开始的回调函数
  18. onEnd: function 列表单元拖放结束后的回调函数
  19. onUpdate: function 列表单元在列表容器中的排序发生变化后的回调函数
  20. onRemove: function 列表元素移到另一个列表容器的回调函数
  22. 4.evt 事件对象在各个函数中略有不同，可通过输出对象查看对象的属性，如下：
  23.     item：HTMLElement–被移动的列表单元
  24.     oldIndex：number/undefined–在列表容器中的原序号
  25.     newIndex：number/undefined–在列表容器中的新序号
  27. 5.也可以用new  Sortable方法直接使用
  28. new Sortable(Sharedrigth, {            Sharedrigth是id的值
  29.     group: 'Shared',
  30.     animation: 150
  31.   });

特别说明