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

时间:2012-10-23 21:56:16

标签: javascript jquery-ui dynatree

我正在使用拖放式dynatree示例,有点类似于显示here的示例,因为我的树已启用dnd并且包含在可滚动区域内。但是,在该示例中,当您尝试将节点拖动到可滚动区域之外时,该区域将仅展开,以便您仍然受限于该区域。我希望能够将dynatree节点拖动到滚动区域之外。

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

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

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

修改

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

1 个答案:

答案 0 :(得分:0)

您是否在启用了style="overflow: scroll;的div中拥有了dynatree?如果是这样,请删除它并设置固定的高度和宽度。

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

</div>

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

如果这不是您想要的,请发布一些代码和图片,我很乐意为您进一步深入研究!