1

我正在尝试将数据从 dynatree 拖放到另一个 dynatree。在文档中，一个示例显示了如何在同一棵树中移动节点。是否可以移动一个节点并将其放在第二个 dynaTree 中？

第一棵树有：

    $("#Tree1).dynatree({
 dnd: {
                    onDragStart: function (node) {

                        logMsg("tree.onDragStart(%o)", node);
                        return true;
                    },
});

和第二棵树：

 $("#Tree2").dynatree({
        dnd :{
        onDrop: function (node, sourceNode, hitMode, ui, draggable) {
                            logMsg("tree.onDrop(%o, %o, %s)", node, sourceNode, hitMode);
                            sourceNode.move(node, hitMode);
    },


        onDragEnter: function (node, sourceNode) {


                                logMsg("tree.onDragEnter(%o, %o)", node, sourceNode);
                                return true;
                            }
}
        });

提前致谢

4

3 回答 3

1

AFAIK，目前 dynatree 不支持在不同树之间移动节点。但是，您可以从 tree1 复制节点并将复制的节点添加到 tree2。之后，您可以删除 tree1 中的节点。使用这种方法，您可以模拟在树之间移动节点的行为。

因此，您可以使用以下命令，而不是使用 sourceNode.move(node, hitMode)：

var copyNode = sourceNode.toDict(true, function (dict) {
    delete dict.key;
});

node.addChild(copyNode);

希望这有帮助。

于 2012-05-09T06:51:28.740 回答
1

实际上，您可以这样做。您只需将每个 dynatree 放在 div 中并使该 div 可放置。DOM 可以从 droppable 中解析 dynatree 节点对象，因为这就是 dynatree 附加到事件的内容。

您可以在此处查看工作示例。

于 2012-11-28T20:31:57.853 回答
0

dynatree 1（可拖动）

$("#tree").dynatree({
dnd: {
                revert: false, // true: slide helper back to source if drop is rejected
                onDragStart: function(node) {

                },
                onDragStop: function(node) {

                }
            },
            cookieId:"dynatree-cb1",
            idPrefix:"dynatree-cb1-"
        });

dynatree 2（可掉落）

$("#tree2").dynatree({
dnd: {

                autoExpandMS: 1000,
                preventVoidMoves: true, // Prevent dropping nodes 'before self', etc.
                onDragEnter: function(node, sourceNode) {

                    if(node.data.isFolder){
                      return false;
                    }
                    return true;
                    // return "over";
                  },
                  onDragOver: function(node, sourceNode, hitMode) {


                  },
                  onDrop: function(node, sourceNode, hitMode, ui, draggable) {

                    logMsg("tree.onDrop(%o, %o)", node, sourceNode);
                    var copynode;
                    if(sourceNode) {
                      copynode = sourceNode.toDict(true, function(dict){
                        dict.title = "Copy of " + dict.title;
                        delete dict.key; // Remove key, so a new one will be created
                      });
                    }else{
                      copynode = {title: "This node was dropped here (" + ui.helper + ")."};
                    }
                    if(hitMode == "over"){
                      // Append as child node
                      node.addChild(copynode);
                      // expand the drop target
                      node.expand(true);
                    }else if(hitMode == "before"){
                      // Add before this, i.e. as child of current parent
                      node.parent.addChild(copynode, node);
                    }else if(hitMode == "after"){
                      // Add after this, i.e. as child of current parent
                      node.parent.addChild(copynode, node.getNextSibling());
                    }
                  },
                  onDragLeave: function(node, sourceNode) {
                    /** Always called if onDragEnter was called.
                     */
                    logMsg("tree.onDragLeave(%o, %o)", node, sourceNode);
                  }
                },
            cookieId:"dynatree-cb2",
            idPrefix:"dynatree-cb2-"
        });

试试这个代码，它可以工作。我以前也这样做过。

于 2014-04-11T05:36:50.570 回答