A plugin for the popular jQuery plugin jsTree. jsTree-dnd (drag and drop) makes it possible to drag and drop tree nodes and rearrange the tree.
Questions tagged [jstree-dnd]
45 questions
1
vote
1 answer
Jstree - Stop node from being move outside it's parent
I have a requirement where I need to restrict my jstree node not to move outside its parent. It can freely move inside within its parent.
This is the code I am trying:
$('#divUC').jstree({
'core': {
multiple: false,
…

puneet
- 492
- 1
- 8
- 25
1
vote
1 answer
jsTree: Get new tree JSON every time I drop a node
I'm using jsTree to create two tables of content (A and B), I move nodes from A to B and I want to get the json of the tree B to save it in database every time I drop a node in the tree B, but when I get the json on the drop event, it only get the…

Nazkter
- 1,040
- 1
- 11
- 31
1
vote
0 answers
jsTree delete icon for individual node with the delete action
I am using jsTree plugin to display data in a tree view structure. However, I want to have a delete icon/button on individual node and on click of it, the node should get deleted (if it is a parent node then its child nodes also should get…

John
- 142
- 1
- 1
- 16
1
vote
0 answers
Update all jstree node ids in db on any change
I tried select_node, activate_node, open_node events and all these events update the corresponding node id in db when they are triggered.
Scenario:
If a node has many nested child nodes and if I move this parent node into another sibling node, the…

yash
- 11
- 6
1
vote
1 answer
How to get the index of selected nodes in jstree
I want to use jstree to let the user select nodes and reorder the tree using the drag'n'drop plugin.
Here's a jsfiddle demonstrating the current behaviour:
$("#ProductInterests").jstree({
core: { themes: { icons: false },"check_callback" :…

Hokascha
- 1,709
- 1
- 23
- 41
1
vote
1 answer
jstree dnd plugin: cannot drag and drop multiple nodes on the target without the previous dragged node getting overwritten
Context : As shown in the code below in the input box inside the jsp, the fruit node from the "fruitTree" is to be dragged and dropped.
This is happening successfully on drag and drop.Every time I do a drag and drop of the fruit from the fruitTree,…

raikumardipak
- 1,461
- 2
- 29
- 49
0
votes
1 answer
redraw the jstree with every new data
I want to redraw the jstree with every new data that came from the server, I tried these two in line * but it did not work,
it keep showing the tree from first…
0
votes
1 answer
How to reorder sequential numbering when using drag and drop with a jsTree for a hierarchy tree?
I am trying to generate sequential numbering for elements dragged-in (copied-over) from one hierarchy tree node to another node, while giving the user the option of where to drop the element in the target node. The sequential numbering should…

Curious Jorge - user9788072
- 2,548
- 1
- 9
- 22
0
votes
1 answer
drag and drop is not working properly(dnd_stop)
I am trying to drag and drop functionality by using jstree.This function is working fine but mouse pointer not dropping text. It's show pointer with selected text.
my question is, How to remove text with mouse pointer?
0
votes
1 answer
Jstree, check if drop is bellow, inside or above the node
I already know how to get the ID from the dragged node and from the target node. However I need to know if that drop was inside the node bellow or above. How can I do that?
divTree.jstree({
'core': {
'check_callback': true,
…

Tiago Camacho
- 21
- 6
0
votes
1 answer
Using Checkbox, When all child nodes are deleted, parent node also getting deleted in JStree
If CheckBox Plugin is used and all child nodes were deleted, the parent node is also getting deleted.
$('#jstree').jstree({
"core" : {
"check_callback" : true,
"data" : [
{ "text" : "Branch 1", "type" : "branch", "children" : [
…

G.Brown
- 369
- 3
- 16
0
votes
1 answer
To mark the JS Tree nodes that are moved using drag and drop
I have a JS Tree structure which involves drag and drop functionality. Below is the basic code.
$('#using_html_1').jstree({
"core": {
"check_callback":true
},
"plugins" : ["dnd"]
});
$( "#btnTest" ).click(function()…

TheFallenOne
- 1,598
- 2
- 23
- 57
0
votes
1 answer
Drag and drop not working when sorted in JsTree
I am using JsTree library for generate tree view using following JSON object.
var data = [{"id":1,"parent":"#","text":"Items for Sale","icon":"fa…

Randika
- 683
- 3
- 11
- 32
0
votes
0 answers
jstree - enabling copy operation between trees disables the move operation inside one tree
I have 2 jstrees. TreeSource and TreeDestination. I want only the copy operation to be enabled while moving the nodes between trees. In my TreeDestination I have the below line inside check_callback.
if (more) {
…

puneet
- 492
- 1
- 8
- 25
0
votes
1 answer
jsTree show edit, delete buttons in right side of each node instead of right click
In jsTree I want to to show the edit and delete button in right side of each node.
Currently each node shows these button when do right click to node.
Is there any solution as i am new to jsTree

Neetesh Vishwakarma
- 47
- 9