jsTree 入坑随笔之节点拖拽

本文介绍了使用jsTree插件进行节点拖拽的操作,包括添加"dnd"插件启用拖拽功能,监听拖拽事件以及通过"check_callback"函数限制拖拽行为。示例展示了如何判断并控制拖拽节点的位置。
摘要由CSDN通过智能技术生成

jsTree 入坑随笔之节点拖拽

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

节点拖拽API
在这里插入图片描述

节点拖拽使用

“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;
    }
  }
},

附效果 将一章中的第二章第一节节点拖拽放入第二章
在这里插入图片描述
附源代码
在这里插入图片描述
在这里插入图片描述

转载请注明出处

作者: 没想好名字的小明

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值