Перетащите из / в динатри
-
12-12-2019 - |
Вопрос
Я пытаюсь перетащить данные из динатрие и бросить его другому динатрие.В документации пример показывает, как переместить узел в том же дереве.Можно ли переместить узел и положить его во второй динатрие со всем своим вариантом ??
Первое дерево имеет:
$("#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, в настоящее время dynatriee не поддерживает перемещение узла между различными деревьями.Вы можете, однако, копировать узел из дерева1 и добавить скопированный узел на дерево2.После этого вы можете удалить узел в дереве1.С таким подходом вы можете имитировать поведение движущегося узла между деревьями.
Так вместо использования Sourcenode.move (узел, hitmode), вы можете использовать это:
var copyNode = sourceNode.toDict(true, function (dict) {
delete dict.key;
});
node.addChild(copyNode);
.
Надеюсь, эта помощь.
Другие советы
Вы можете сделать это, на самом деле.Вы просто размещаете каждого динатрие в Div и сделаете эту Div Chartpable.DOM может разбирать объект узла Dynatriee из CHADPABLE, так как это то, что Dynatriee прикреплен к событию.
Вы можете увидеть рабочий образец Здесь .
$("#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-"
});
.
$("#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-"
});
.
Попробуйте этот код работает.Я сделал то же самое раньше.