Sortable.js 怎么写才取消sortable效果

Pinkbig 发布于 2017/02/04 11:36
阅读 1K+
收藏 0

Sortable.create(document.getElementById('collter1'), {
                group : {
                    name : "words",
                    pull : true,
                    put : true
                },
                animation : 150, //动画参数
                onAdd : function(evt) {//拖拽时候添加有新的节点的时候发生该事件
                    
                },
                onUpdate : function(evt) {//拖拽更新节点位置发生该事件
                    console.log('onUpdate.foo:', [evt.item, evt.from]);
                },
                onRemove : function(evt) {//删除拖拽节点的时候促发该事件
                    console.log('onRemove.foo:', [evt.item, evt.from]);
                },
                onStart : function(evt) {//开始拖拽出发该函数
                    console.log('onStart.foo:', [evt.item, evt.from]);
                },
                onSort : function(evt) {//发生排序发生该事件

                    console.log('onUpdate.foo:', [evt.item, evt.from]);
                },
                onEnd : function(evt) {//拖拽完毕之后发生该事件
//                    alert(evt.oldIndex);
//                    alert(evt.newIndex);
                    if(evt.oldIndex<evt.newIndex){
                        for (var i = evt.oldIndex; i < json[id].length; i++) {
                            if(i > evt.newIndex){
                                break;
                            }else{
                                var name,str,style,num;
                                name = json[id][i+1]["name"];
                                num = json[id][i+1]["num"];
                                str = json[id][i+1]["str"];
                                style = json[id][i+1]["style"];
                                json[id][i+1]["name"] = json[id][i]["name"];
                                json[id][i+1]["num"] = json[id][i]["num"];
                                json[id][i+1]["str"] = json[id][i]["str"];
                                json[id][i+1]["style"] = json[id][i]["style"];
                                json[id][i]["name"] = name;
                                json[id][i]["num"] = num;
                                json[id][i]["str"] = str;
                                json[id][i]["style"] = style;
                            }
                        }
                    }
                    if(evt.oldIndex>evt.newIndex){
                        for (var i = evt.oldIndex; i >= 0 ; i--) {
                            if(i < evt.newIndex){
                                break;
                            }else{
                                var name,str,style,num;
                                name = json[id][i-1]["name"];
                                num = json[id][i-1]["num"];
                                str = json[id][i-1]["str"];
                                style = json[id][i-1]["style"];
                                json[id][i-1]["name"] = json[id][i]["name"];
                                json[id][i-1]["num"] = json[id][i]["num"];
                                json[id][i-1]["str"] = json[id][i]["str"];
                                json[id][i-1]["style"] = json[id][i]["style"];
                                json[id][i]["name"] = name;
                                json[id][i]["num"] = num;
                                json[id][i]["str"] = str;
                                json[id][i]["style"] = style;
                            }
                        }
                    }
                    
                }
            });

加载中
0
ruanjf
ruanjf
var sort = Sortable.create(document.getElementById('collter1'), {...});
sort.destroy();

 

返回顶部
顶部