jsTree 入坑随笔之节点拖拽

jsTree 入坑随笔之节点拖拽

插件下载 https://www.jstree.com/

节点拖拽API
jsTree 入坑随笔之节点拖拽

节点拖拽使用

“plugins” : [“dnd”],

在plugins中添加 "dnd"插件

拖拽后节点监听在

.on(‘move_node.jstree’,function(e,data){
  
  data.parent // 拖拽后上级节点id

data.node//拖拽的节点

})

如果需要对相应的节点进行限制

“check_callback” : function (op, node, parent, position, more) {

op // 当前操作

if(op == ‘move_node’){//当进行拖拽时
    if(){ //可以对拖拽的节点级别进行判断
      return true;
    }else{
      return false;
    }
  }
},

附效果 将一章中的第二章第一节节点拖拽放入第二章
jsTree 入坑随笔之节点拖拽
附源代码
jsTree 入坑随笔之节点拖拽
jsTree 入坑随笔之节点拖拽

转载请注明出处

作者: 没想好名字的小明