从/到dynatree拖放
-
12-12-2019 - |
题
我正在尝试从Dynatree拖动数据并将其丢弃到另一个Dynatree。在文档中,示例显示如何在同一树中移动节点。是否有可能移动节点并将其放入第二个dynatree中,其中包含它的所有选项??
first树有:
$("#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;
}
}
});
.
提前感谢
解决方案
afaik,目前dynatree不支持在不同树之间移动节点。但是,您可以从树1复制节点并将复制的节点添加到树2中。之后,您可以删除树中的节点1。通过这种方法,您可以模仿树木之间移动节点的行为。
所以,而不是使用Sourcenode.move(node,hitmode),你可以使用这个:var copyNode = sourceNode.toDict(true, function (dict) {
delete dict.key;
});
node.addChild(copyNode);
.
希望这种帮助。
其他提示
实际上你可以做到这一点。你只是将每个Dynatree放在Div,并使该DIV可降低。DOM可以从可丢弃的Dynatree节点对象解析Dynatree节点对象,因为Dynatree正在附加到事件。
可以看到一个工作示例在这里。
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-"
});
.
dynatrere 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-"
});
.
尝试它的代码它。我以前做过一样。
不隶属于 StackOverflow