Stack Overflow
Stack Overflow

Questions tagged [jstree-dnd]

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.

45 questions
0
votes
1 answer

How do I save a new jstree after drag and drop?

My jstree data has the following configuration: config_collection = [ { id: "1" parent: "#" text: "First Question" }, { id: "1.1" parent: "1" text: "First Answer" }, { id:…
ConorBaumgart
  • 493
  • 1
  • 3
  • 18
0
votes
1 answer

JsTree : preventing drag and drop between two different trees

I am using the jstree dnd plugin. To set the nodes where dropping is allowed I am using the "types" plugin and the valid_children property. This works even in between two different trees. However I would like to prevent to drop a node on a different…
DeFré
  • 1
  • 1
0
votes
0 answers

Dynamic report builder using jstree and datatable

I want to build a report builder, where user can drag and drop columns from jstree to the boostrap table , column should be added to the table dragged from jstree , where inbetween i need do some ajax in order to retrieve the data from the jstree…
Rajasekar Ramalingam
  • 93
  • 1
  • 2
  • 10
0
votes
0 answers

JSTree events not firing

I am using jsTree 1.0-rc1 with JQuery 1.12.4. I am trying to fire events such as: create.jstree, open_node.jstree, and __loaded.jstree but non of it is firing. I used both 'bind' and 'on' to hook the events to the Jstree but non of it worked. I did…
t_plusplus
  • 4,079
  • 5
  • 45
  • 60
0
votes
1 answer

jstree expands for very short time and then collapses the tree on page refresh

I am using jstree in my project. when my page gets loaded, the entire tree expands for very short time and then collapses back to its original position. can someone please tell me how can i stop the tree from expanding on page load?
raj
  • 117
  • 1
  • 1
  • 5
0
votes
1 answer

JsTree Drag and Move Tooltip Icon and Text

I am using Jquery JsTree from https://www.jstree.com/ I am stuck with an issue with drag and drop. When i drag a node I can see a green tick mark or a red cross mark following the cursor. Now what I need to do is, I need to change the icon and the…
Bond
  • 55
  • 6
0
votes
1 answer

jsTree determine move between trees and change copied node ID

I'm trying to use jsTree to create 2 trees, based on parent-child relationships. To do this, I use the following script: $(function () { loadTree($('#jstree_indexed_container'), document.getElementById('hiddenFieldIndexedData').value); …
Sucata Mihnea
  • 349
  • 1
  • 5
  • 15
0
votes
2 answers

Cant retrieve new parent id in the paste event, for Copy/ Paste functionality in jstree

I am trying to implement copy / paste functionality on my folders in jstree. The problem is that, in the paste event when i access the parent id, it gives me the id of the old parent node of the folder. I need the new parent_id of the node where…
yash
  • 11
  • 6
0
votes
1 answer

How to loop over all the nodes of a jstree

I am unable to figure out how I can loop over all the nodes of a jstree. What I am looking for is that for the jstree jstree1. I want to loop over all of its children and sub-children and print/get the id of each leaf. Thanks.
Kamran
  • 4,010
  • 14
  • 60
  • 112
0
votes
1 answer

jsTree: with lazy loading the plugin "dnd" is not working

I'm using jsTree (latest version) in my web app. I have a lot of nodes to display in the tree, so I am using lazy loading otherwise I would run into a time out. When the tree is loaded, the user can pick values from a second tree and move them into…
Aubacca
  • 3
  • 1
  • 3
0
votes
0 answers

multiple drag&drop function does not work

I'm using jstree functions and can do Drag&Drop nodes from one side to other side. But if I try to select multiple nodes(more than one) and drag&drop them to other side some of them are copied but some of them not copied. For example, I selected 4…
Seçkin Eşer
  • 1
  • 1
0
votes
1 answer

JSTree Prevent drag from class

Afternoon, I am having a few issues with JSTree 3.0. What I would like to do is on the load of the page prevent all nodes from being dragged using the dnd plugin. I then want to be able to click an edit button to enable the drag and drop…
Alex Carter
  • 65
  • 2
  • 8
0
votes
1 answer

jstree dnd restriction using angularjs

I am trying to restrict nodes from dropping to some particular nodes using angularjs. For that am overriding some of the jstree events like the move_node, dnd_move.vakata. Nothing works.
Mithun Raj
  • 1
  • 2
0
votes
1 answer

jstree dnd access created element

jstree version 3.1.1, plugin dnd. I need to drag nodes in one jstree element and drop them to another jstree element. This is working fine and i get all information about the element which is dragged, but I don't get any information about the…
Stefan
  • 53
  • 5
0
votes
1 answer

jsTree 3: use a drag handle to restrict initiating dragging

Using jsTree 3.0.8 I want to allow nodes to be dragged and dropped within the tree, but it should only allow that action if it was initiated by a drag on a specific button or "drag handle", instead of the default behavior of allowing dragging…
FirstVertex
  • 3,657
  • 34
  • 33
1 2
3