arraste e solte a partir de/para dynatree
-
12-12-2019 - |
Pergunta
Eu estou tentando arrastar dados de uma dynatree e solte-o para outro dynatree.Na documentação um exemplo mostra como mover um nó na mesma árvore.É possível mover um nó e coloque-a no segundo dynaTree com opção??
primeira árvore tem :
$("#Tree1).dynatree({
dnd: {
onDragStart: function (node) {
logMsg("tree.onDragStart(%o)", node);
return true;
},
});
e a segunda árvore:
$("#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;
}
}
});
obrigado antecipadamente
Solução
AFAIK, atualmente dynatree não suporta mover o nó entre diferentes árvores.Você pode, no entanto, copiar nó de tree1 e adicionar copiado nó para tree2.Depois disso, você pode excluir o nó em tree1.Com essa abordagem, você pode imitar o comportamento do movimento do nó entre as árvores.
Assim, em vez de usar sourceNode.mover(nó, hitMode), você pode usar isto:
var copyNode = sourceNode.toDict(true, function (dict) {
delete dict.key;
});
node.addChild(copyNode);
Espero que isso ajude.
Outras dicas
Você pode fazer isso, na verdade.Você simplesmente coloque cada dynatree na div e fazer com que a div soltar.O DOM pode analisar o dynatree nó de objeto de soltar, como é o que dynatree é anexar ao evento.
Você pode ver um exemplo de trabalho aqui.
dynatree 1(close)
$("#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(Soltar)
$("#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-"
});
Tente este código funciona.Eu fiz o mesmo antes.