jstree detect multiple items being moved
Using jstree is it possible to detect whether multiple selected nodes are being moved at the same time... or which of the nodes is currently being processed? (You can select multiple nodes using the shift or ctrl keys.)
I'm using the move_node.jstree event, but I can't see anything obvious in the e or data properties that can tell me if more than one item is being moved, or what index the node passed to the event is in the list.
$tree.bind("move_node.jstree", function (e, data) ...
Every time a node is moved from one parent node to another parent node, I need to call AJAX... which results in some processing on the server.
If multiple nodes are moved at the same time, there is simply no point doing this processing on the server for each individual node... it only makes sense to run the AJAX on the last node.
javascript jquery treeview jstree
add a comment |
Using jstree is it possible to detect whether multiple selected nodes are being moved at the same time... or which of the nodes is currently being processed? (You can select multiple nodes using the shift or ctrl keys.)
I'm using the move_node.jstree event, but I can't see anything obvious in the e or data properties that can tell me if more than one item is being moved, or what index the node passed to the event is in the list.
$tree.bind("move_node.jstree", function (e, data) ...
Every time a node is moved from one parent node to another parent node, I need to call AJAX... which results in some processing on the server.
If multiple nodes are moved at the same time, there is simply no point doing this processing on the server for each individual node... it only makes sense to run the AJAX on the last node.
javascript jquery treeview jstree
add a comment |
Using jstree is it possible to detect whether multiple selected nodes are being moved at the same time... or which of the nodes is currently being processed? (You can select multiple nodes using the shift or ctrl keys.)
I'm using the move_node.jstree event, but I can't see anything obvious in the e or data properties that can tell me if more than one item is being moved, or what index the node passed to the event is in the list.
$tree.bind("move_node.jstree", function (e, data) ...
Every time a node is moved from one parent node to another parent node, I need to call AJAX... which results in some processing on the server.
If multiple nodes are moved at the same time, there is simply no point doing this processing on the server for each individual node... it only makes sense to run the AJAX on the last node.
javascript jquery treeview jstree
Using jstree is it possible to detect whether multiple selected nodes are being moved at the same time... or which of the nodes is currently being processed? (You can select multiple nodes using the shift or ctrl keys.)
I'm using the move_node.jstree event, but I can't see anything obvious in the e or data properties that can tell me if more than one item is being moved, or what index the node passed to the event is in the list.
$tree.bind("move_node.jstree", function (e, data) ...
Every time a node is moved from one parent node to another parent node, I need to call AJAX... which results in some processing on the server.
If multiple nodes are moved at the same time, there is simply no point doing this processing on the server for each individual node... it only makes sense to run the AJAX on the last node.
javascript jquery treeview jstree
javascript jquery treeview jstree
asked Nov 11 at 15:51
freefaller
13.1k53866
13.1k53866
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
If you are using the Drag and drop plugin(dnd) for jsTree, the "move_node.jstree" is triggered for each individual nodes that are moved. Since the event is triggered for each node, multiple items being moved cannot be detected. You could however use the dnd plugin's event to detect multiple items being moved.
$(document).on("dnd_move.vakata", function (e, data)
console.log("DND Move"); //Triggered continuously during drag
).bind("dnd_stop.vakata", function(e, data) //Triggered on drag complete
console.log("Stop dnd");
console.log("Nodes being moved: "+ data.data.nodes);
);
oTree.bind("move_node.jstree", function (e, data)
console.log("Move Event");
);
The "dnd_stop.vakata" event is triggered before the move_node events and could be helpful. You would have to glue them all together though to make a single AJAX call.
Excellent idea - will try implementing and get back to you
– freefaller
Nov 12 at 10:32
Perfect... thanks for your suggestion :-)
– freefaller
Nov 12 at 10:46
You're welcome :-)
– Stephen S
Nov 12 at 11:10
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53250446%2fjstree-detect-multiple-items-being-moved%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you are using the Drag and drop plugin(dnd) for jsTree, the "move_node.jstree" is triggered for each individual nodes that are moved. Since the event is triggered for each node, multiple items being moved cannot be detected. You could however use the dnd plugin's event to detect multiple items being moved.
$(document).on("dnd_move.vakata", function (e, data)
console.log("DND Move"); //Triggered continuously during drag
).bind("dnd_stop.vakata", function(e, data) //Triggered on drag complete
console.log("Stop dnd");
console.log("Nodes being moved: "+ data.data.nodes);
);
oTree.bind("move_node.jstree", function (e, data)
console.log("Move Event");
);
The "dnd_stop.vakata" event is triggered before the move_node events and could be helpful. You would have to glue them all together though to make a single AJAX call.
Excellent idea - will try implementing and get back to you
– freefaller
Nov 12 at 10:32
Perfect... thanks for your suggestion :-)
– freefaller
Nov 12 at 10:46
You're welcome :-)
– Stephen S
Nov 12 at 11:10
add a comment |
If you are using the Drag and drop plugin(dnd) for jsTree, the "move_node.jstree" is triggered for each individual nodes that are moved. Since the event is triggered for each node, multiple items being moved cannot be detected. You could however use the dnd plugin's event to detect multiple items being moved.
$(document).on("dnd_move.vakata", function (e, data)
console.log("DND Move"); //Triggered continuously during drag
).bind("dnd_stop.vakata", function(e, data) //Triggered on drag complete
console.log("Stop dnd");
console.log("Nodes being moved: "+ data.data.nodes);
);
oTree.bind("move_node.jstree", function (e, data)
console.log("Move Event");
);
The "dnd_stop.vakata" event is triggered before the move_node events and could be helpful. You would have to glue them all together though to make a single AJAX call.
Excellent idea - will try implementing and get back to you
– freefaller
Nov 12 at 10:32
Perfect... thanks for your suggestion :-)
– freefaller
Nov 12 at 10:46
You're welcome :-)
– Stephen S
Nov 12 at 11:10
add a comment |
If you are using the Drag and drop plugin(dnd) for jsTree, the "move_node.jstree" is triggered for each individual nodes that are moved. Since the event is triggered for each node, multiple items being moved cannot be detected. You could however use the dnd plugin's event to detect multiple items being moved.
$(document).on("dnd_move.vakata", function (e, data)
console.log("DND Move"); //Triggered continuously during drag
).bind("dnd_stop.vakata", function(e, data) //Triggered on drag complete
console.log("Stop dnd");
console.log("Nodes being moved: "+ data.data.nodes);
);
oTree.bind("move_node.jstree", function (e, data)
console.log("Move Event");
);
The "dnd_stop.vakata" event is triggered before the move_node events and could be helpful. You would have to glue them all together though to make a single AJAX call.
If you are using the Drag and drop plugin(dnd) for jsTree, the "move_node.jstree" is triggered for each individual nodes that are moved. Since the event is triggered for each node, multiple items being moved cannot be detected. You could however use the dnd plugin's event to detect multiple items being moved.
$(document).on("dnd_move.vakata", function (e, data)
console.log("DND Move"); //Triggered continuously during drag
).bind("dnd_stop.vakata", function(e, data) //Triggered on drag complete
console.log("Stop dnd");
console.log("Nodes being moved: "+ data.data.nodes);
);
oTree.bind("move_node.jstree", function (e, data)
console.log("Move Event");
);
The "dnd_stop.vakata" event is triggered before the move_node events and could be helpful. You would have to glue them all together though to make a single AJAX call.
answered Nov 12 at 7:22
Stephen S
1,8331917
1,8331917
Excellent idea - will try implementing and get back to you
– freefaller
Nov 12 at 10:32
Perfect... thanks for your suggestion :-)
– freefaller
Nov 12 at 10:46
You're welcome :-)
– Stephen S
Nov 12 at 11:10
add a comment |
Excellent idea - will try implementing and get back to you
– freefaller
Nov 12 at 10:32
Perfect... thanks for your suggestion :-)
– freefaller
Nov 12 at 10:46
You're welcome :-)
– Stephen S
Nov 12 at 11:10
Excellent idea - will try implementing and get back to you
– freefaller
Nov 12 at 10:32
Excellent idea - will try implementing and get back to you
– freefaller
Nov 12 at 10:32
Perfect... thanks for your suggestion :-)
– freefaller
Nov 12 at 10:46
Perfect... thanks for your suggestion :-)
– freefaller
Nov 12 at 10:46
You're welcome :-)
– Stephen S
Nov 12 at 11:10
You're welcome :-)
– Stephen S
Nov 12 at 11:10
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53250446%2fjstree-detect-multiple-items-being-moved%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown