jquery - 在使用 FancyTree (JS) 和 jqueryUI droppable 的上下文中获取源对象

Question

我们正在使用

https://github.com/mar10/fancytree

及其拖放扩展。

用户可以将节点拖放到使用 jqueryUI 标记为可放置的 DIV 中。在“drop”处理程序中，我看到了 (event, ui) 参数，但我不知道如何获取被拖动的源节点。

根据 jQueryUI 文档，信息可以使用

$(ui.draggable)

但我找不到任何有用的信息（console.log）。

我只看到类似的东西

[div#tree, selector: "",....]

在控制台上。

我需要掌握相关 Fancytree 节点的原始“标题”和“键”属性。

怎么做？

Answer 1

您可以像这样检索原始源节点：

$(".droppable").droppable({
    drop: function(event, ui){
        var sourceNode = $(ui.helper).data("ftSourceNode");
        alert("Dropped source node " + sourceNode);
    }
});