Skip to Content (Press Enter)
UserImage.jpg
Danilo Vilarinho
20Views
1Comments
Solved
[zTree] Allow Drag-Drop only at the current level
Question
Forge
ztree
Web icon
zTree (O11)
Forge asset by Eduardo Luís

Hello!

How do I not allow Drag-Drop to insert a node inside another node? Drag-Drop is only allowed at that level that the user is performing the Drag-Drop.


Thanks!

0
0
20 Nov 2020
Copy Link
2022-06-17 09-22-26
Huarlem Lima
Solution

Hi Danilo,

To not allow dropping one node into the other, use the setting 'ztreeSettingsEdit.ztreeSettingsEdit.drag.ztreeSettingsEditDrag.inner' a false


To not allow dropping on another level, we can use the beforeDrop callback method.

here is the javascript;

function (treeId, treeNodes, targetNode, moveType) {
     
    var output = treeNodes[0].level== targetNode.level;
    if(!output){
        alert('You cannot drag to another level');
    }
return output;

See screenshot:

1
0
20 Nov 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.