javascript - 将 dynatree 节点拖到滚动区域之外

Question

我正在使用与此处显示的有点相似的拖放 dynatree 示例，因为我的树已启用 dnd 并包含在可滚动区域内。但是，在该示例中，当您尝试将节点拖动到可滚动区域之外时，该区域只会扩展，因此您仍然被限制在该区域内。相反，我希望能够将 dynatree 节点拖到滚动区域之外。

如果我将此功能应用于滚动区域内的任意元素，我将执行以下操作：

$("#dndelement").draggable({
    helper: "clone",
    appendTo: "body" 
});

我怀疑我可以在 dynatree 案例中做类似的事情，但我不知道如何使用 dynatree 的内置拖放系统实际实现这一点。

编辑

此外，树节点是通过 AJAX 填充的，因此在最初加载页面时它们并不都存在。

score 0 · Accepted Answer

您是否在 div 中style="overflow: scroll;启用了 dynatree？如果是这样，请将其删除并设置固定的高度和宽度。

<div id="tree" style="height:200px; width:30%">

</div>

我很确定已经在 dyantree UI 中启用了一个选项，该选项包含您放入的 div 中的树，并且仅在需要时创建滚动条，只要您放置一个固定的高度和宽度。

如果这不是您要查找的内容，请发布一些代码和图片，我很乐意为您进一步深入研究！

1 回答 1