cmp.Sortable 类

拖拽排序组件

定义于: doc\doc\cmp_doc_all\cmp-sortable-doc.js:17
模块: Sortable

构造函数

cmp.Sortable

cmp.Sortable
(
  • container
  • options
)

定义于 doc\doc\cmp_doc_all\cmp-sortable-doc.js:17

参数:

名称类型标识描述
container String 必选

存放元素的容器dom

options Object 必选

配置参数

名称类型标识描述
animation Number 必选

动画速度

[disabled] Boolean 可选

是否禁用

[filter] String 可选

过滤掉不能拖动的dom，接受id，class字符串型选中的元素

[onEnd] Function 可选

排序完后的回调

[onMove] Function 可选

拖动中的回调函数

示例:

<script>
    //=============html=======================//
 <ul id="demo">
     <li class="sort-unactive red">无法拖拽</li>
     <li class="green"></li>
     <li class="blue"></li>
     <li class="red"></li>
     <li class="green"></li>
     <li class="blue"></li>
 </ul>
    //============js=========================//
   cmp.Sortable(document.getElementById('demo'),{
       animation:500
       disabled:false,
       filter:".sort-unactive",
       onEnd:function(){},
       onMove:function(nav,section){
       }
   });
</script>
Top