在JointJs中，如何通過拖動嵌入元素將所有元素移動到一起？

Question

我正在使用JointJs創建一個圖表。

當我用一些嵌入元素創建一個元素時，我可以通過拖動父元素來輕鬆拖動它們。但是，當我拖動孩子時，他們會自行移動。如何通過拖動父項或其中一個子元素來移動父項和所有子項？

Answer 1

這是一個有點棘手：

https://jsfiddle.net/vtalas/xk73L947/

神奇的是這部分：

paper.on('cell:pointermove', function (cellView, evt) { 

    if (cellView.model.isLink()) { 
    return ; 
    } 

    var parent = cellView.model.getAncestors()[0]; 

    // if we trying to move with embedded cell 
    if (parent) { 

    // cancel move for the child (currently dragged element) 
    cellView.pointerup(evt); 
    var view = paper.findViewByModel(parent); 

    // substitute currently dragged element with the parent 
    paper.sourceView = view; 

    // get parent's position and continue dragging (with the parent, children are updated automaticaly) 
    var localPoint = paper.snapToGrid({ x: evt.clientX, y: evt.clientY }); 
    view.pointerdown(evt, localPoint.x, localPoint.y); 
    } 
});