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

Posted 2023-05-08

【中文标题】在使用 FancyTree (JS) 和 jqueryUI droppable 的上下文中获取源对象

【英文标题】：Getting hold of source object in the context of using FancyTree (JS) and jqueryUI droppable

【发布时间】：2013-11-14 22:09:24

【问题描述】：

我们正在使用

https://github.com/mar10/fancytree

带有拖放扩展。

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

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

$(ui.draggable)

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

我只看到类似的东西

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

在控制台上。

我需要获取相关 Fancytree 节点的原始 'title' 和 'key' 属性。

怎么做？

【参考方案1】：

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

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