jstree dnd插件如何禁止跨级拖拽，但可以同级拖拽。

zhaotianshuuu 2019-02-20 04:48:08

jstree dnd插件如何禁止跨级拖拽，但可以同级拖拽。

...全文

512 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhaotianshuuu 2019-02-21

打赏
举报

回复

已解决，通过jstree的 "check_callback" 进行条件限制。判断拖拽节点与目的节点的父节点是否相同，父节点相同返回true 核心部分具体代码如下： $('#tree').jstree({ 'plugins' : [ "dnd"], "core" : { "check_callback" : function (op, node, parent, position, more) { if(parent.id==node.parent){return true;} else{return false;} }, "themes" : { "responsive": false }, 'data' : treeData } })

丰云 2019-02-20

打赏
举报

回复

拖拽事件中价格判断就行了吧，或者你看看jstree的api说明，是否有这类的控制开关（或配置项）

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

JSTREE简介： JSTREE是一款基于JQUERY的树形插件，其功能相当强大，尤其是其右键菜单，很轻松地就能实现节点的增加节点、重命名节电、删除节点、复制节点、剪切节点等操作。使用JSTREE: 1. 首先，要去JSTREE下载插件包: http://www.jstree.com/ 最新版本。插件包包含四个文件夹，一个JSTREE主文件JS _demo

场景管理后台的树级结构菜单列表，需要可以通过鼠标拖拽修改菜单的层级结构代码 import React from 'react' import { Table,Card,Form } from 'antd'; import { DndProvider, DragSource, DropTarget } from 'react-dnd'; import {HTML5Backend} from 'react-dnd-html5-backend'; let dragingIndex = -1; cl

实现三种不同列表类型的拖拽功能

树形操作数据，做个整理总结。本篇是关于树节点拖拽选择，重新生成一棵新树，并支持删除节点。demo 是基于 jquery 及 easy-ui 库实现的。前言： demo 预览实现功能点：树形展示、筛选左侧节点支持拖拽到右侧，并且重组为树形展示右侧已选树形节点支持删除，并统计选择的子节点个数支持默认有子节点数据截图：具体实现-loading: 利用 css3 实现。主要...

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章