element树形控件拖拽allow-drop控制

<el-treeref="tree":data="data":props="props"node-key="id":allow-drop="collapse"@check-change="onTreeChang"show-checkboxdraggabledefault-expand-all:indent="30"></el-tree>method事件
// 权限拖拽控制collapse(moveNode, inNode, type) {// return type == 'next';// 一级拖动到一级if (moveNode.level == 1 && inNode.level == 1) {// 四种情况if (moveNode.nextSibling == undefined) {return type == 'prev';} else if (inNode.nextSibling == undefined) {return type == 'next';} else if (moveNode.nextSibling.id !== inNode.id) {return type == 'prev';} else {return type == 'next';}}//是否为同级下的子节点// 二级拖动到二级if (moveNode.level == 2 &&inNode.level == 2 &&moveNode.parent.id == inNode.parent.id) {// 四种情况if (moveNode.nextSibling == undefined) {return type == 'prev';} else if (inNode.nextSibling == undefined) {return type == 'next';} else if (moveNode.nextSibling.id !== inNode.id) {return type == 'prev';} else {return type == 'next';}}// 二级拖动到一级  或者一级拖住啊到二级if ((moveNode.level == 2 && inNode.level == 1) ||(moveNode.level == 1 && inNode.level == 2)) {// 四种情况if (moveNode.nextSibling == undefined) {return type == 'prev';} else if (inNode.nextSibling == undefined) {return type == 'next';} else if (moveNode.nextSibling.id !== inNode.id) {return type == 'prev';} else {return type == 'next';}}}

element树形控件拖拽allow-drop控制相关推荐

C#利用控件拖拽技术制作拼图游戏
C#利用控件拖拽技术制作拼图游戏这篇文章主要介绍了C#利用控件拖拽技术制作拼图游戏的方法以及核心代码,需要的朋友可以参考下主要实现的功能: 1.程序附带多张拼图随机拼图. 2.可手动添加拼图. 3 ...
C++语言Qt实现控件拖拽和连线类似可视化操作Simulink仿真类软件电路仿真软件和模型驱动等软件
目标:开发一个电路仿真软件. 内部原理:qt编写电路元件连接的可视化界面,输出电路节点连接关系为一张表.matlab编写电路仿真算法,读取节点连接表,进行运算,得出仿真结果,qt读取仿真结果并且在界面 ...
转大佬--C++语言Qt实现控件拖拽和连线类似可视化操作Simulink仿真类软件电路仿真软件和模型驱动等软件
转自–标biao的文章:https://blog.csdn.net/kangkanglhb88008/article/details/120812524 目标:开发一个电路仿真软件. 内部原理:qt编 ...
JS 实现控件拖拽/拖动
下面是实现控件拖拽的完整代码. (function ($) {var move = false; //标记控件是否处于被拖动状态var dragOffsetX = 0; //控件左边界和鼠标X轴的差v ...
组态软件--控件拖拽
目录组态软件--控件拖拽实现功能相关说明两种思路第一种思路第二种方法参考的博客组态软件–控件拖拽个人最近也是在用Qt做组态软件,一开始用QGraphics来做组态软件的UI设计程序, ...
vue+element树形控件实现根据条件(例id)禁用选项
项目中遇到的需求,就是根据已选择的id,遍历树形控件,只允许用户选择变量ids里面的id下面的children数据,其他都要禁用,不能选择,下面是代码: <template><el- ...
element ui 图片控件排序_vuedraggable+element ui实现页面控件拖拽排序效果
项目要实现一些控件的拖拽排序.从而找到了这款vuedraggable控件,供大家参考,具体内容如下如上图要实现这些控件的拖拽排序这是拖拽后由于公司网络的原因,项目没有使用npm,都是使用的引入的 ...
15. QML控件拖拽并实现自动吸附功能
效果展示: 效果1:自动吸附,但被拖拽控件无法重复使用拖拽吸附不可重复实现步骤: 1. 第一步: 简单布局,在左侧矩形区域中添加一个小的矩形框,是需要被拖拽的控件,重点是要对这个将要拖拽的小矩形控 ...
Element-ui实现树形控件节点添加图标
1.效果图 2.树形表格绑定数据加标签想要在树形控件的树节点加上图片或者element-ui的图标,可以在树形表格绑定数据中加上标签icon children: [{icon:'el-icon-to ...
vue的$nextTick使用总结，this.$refs为undefined的解决办法，element Ui的树形控件setCheckedKeys方法无法使用
vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用参考文章: (1)vue的$nextTi ...

element树形控件拖拽allow-drop控制

element树形控件拖拽allow-drop控制相关推荐

最新文章

热门文章