jstree 检测到多个项目被移动

Question

使用jstree是否可以检测是否同时移动了多个selected节点...或者当前正在处理哪个节点？（您可以使用 shift 或 ctrl 键 select 多个节点。）

我正在使用 move_node.jstree 事件，但我在 e 或 data 属性中看不到任何明显的信息可以告诉我是否有多个项目正在已移动，或者传递给事件的节点在列表中的索引。

$tree.bind("move_node.jstree", function (e, data) { ... }

每次将一个节点从一个父节点移动到另一个父节点时，我需要调用 AJAX... 这会导致在服务器上进行一些处理。

如果同时移动多个节点，则在服务器上为每个单独的节点执行此处理根本没有意义...只有运行上的 AJAX 才有意义最后一个节点。

Answer 1

如果您使用的是 jsTree 的拖放插件 (dnd)，则每个移动的节点都会触发 "move_node.jstree"。由于事件是针对每个节点触发的，因此无法检测到多个正在移动的项目。但是，您可以使用 dnd 插件的事件来检测正在移动的多个项目。

$(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");
});

"dnd_stop.vakata" 事件在 move_node 事件之前触发，可能会有帮助。您必须将它们粘合在一起才能进行单个 AJAX 调用。

jstree 检测到多个项目被移动

jstree detect multiple items being moved

javascript

jquery

treeview

jstree