5

JointJS リンクにカーソルを合わせて表示される大きな赤い X をクリックすると、リンクを削除できることに気付きました。しかし、変数名を知らなくても、作成された要素を削除できるかどうか疑問に思っていました。

onCreateButtonClick(function(){
  var rect = new joint.shapes.basic.Rect({
    position: { x: 100, y: 30 },
    size: { width: 100, height: 30 }
  });
  graph.addCell([rect]);
});

onRemoveButtonClick(function(){
   //removeRectangle here?
});

私の質問は: 2 番目の関数でこの四角形を削除できますか?

4

2 に答える 2

8

ID による要素の削除は、次のように簡単に実行できますgraph.getCell(cellID).remove()。では、onRemoveButonClick()削除したい要素をどうにかして知る必要があります。これはアプリケーションの UI によって異なりますが、たとえば、次のようなことができます。

var selected;

paper.on('cell:pointerdown', function(cellView) {
    selected = cellView.model;
});

onRemoveButtonClick(function() { 
    if (selected) selected.remove(); 
});
于 2013-12-12T14:59:04.547 に答える
1

cellView 引数を直接使用して、要素をシングルクリックして要素の削除を実装しました。

paper.on('cell:pointerclick', function(cellView, evt, x, y) {
    cellView.remove();
});
于 2016-10-20T06:24:42.620 に答える