0

我在同一页面上有两个 dynatrees。树 1 有不同数量的节点，树 2 是空的。我想从树 1 中拖动一个节点并将其放在树 2 上。当树 2 不为空时，一切正常。但是，如果树 2 为空，则它根本不起作用。这是我的代码：

$('#tree1').dynatree({
    dnd: {
        onDragStart: function (node) {
            return true;
        }
    }
});

$('#tree2').dynatree({
    dnd: {
        onDragEnter: function (node, sourceNode) {
            return true;
        },
        onDrop: function (node, sourceNode, hitMode, ui, draggable) {
            var copyNode = sourceNode.toDict(true, function (dict) {
                delete dict.key;
            });
            node.addChild(copyNode);
        }
    }
});

谁能告诉我如何解决这个问题？提前谢谢。

4

2 回答 2

1

我做了这样的事情：

var tree1Dragging = false,
    tree2Over = false;

$('#tree1').dynatree({
    dnd : {
        onDragStart : function(node) {
            tree1Dragging = true;
            return true;
        },
        onDragStop : function(node) {
            critDrag = false;

            if (tree2Over) {
                //TODO do your drop to tree2 process here (get the root and append the "node" to it for example)
            }
        }
    }
});

$('#tree2').dynatree({
    dnd : {
        onDragEnter : function(node, sourceNode) {
            return true;
        },
        onDrop : function(node, sourceNode, hitMode, ui, draggable) {
            var copyNode = sourceNode.toDict(true, function(dict) {
                delete dict.key;
            });
            node.addChild(copyNode);
        }
    }
});

// Add mouse events to know when we are above the tree2 div
$("#tree2").mouseenter(function() {
    if (tree1Dragging) {
        tree2Over = true;
    }
}).mouseleave(function(){
    tree2Over = false;
});
于 2013-06-27T12:59:42.683 回答
1

看了dynatree源码（1.2.0版本）后发现，不修改源码是无法给空树添加节点的。这是因为当您尝试将源节点拖放到目标树时，实际上是将源节点拖放到目标节点/之前/之后，而不是目标树。因此，如果树中没有节点，dynatree 将无法工作。

于 2012-05-15T06:33:41.450 回答