Диалог подтверждения при удалении вершины и ссылки в библиотеке JointJS - PullRequest
0 голосов
/ 28 февраля 2019

Я пытаюсь добавить диалоговое окно подтверждения перед удалением vertex и link для Finite State Machine demo из Joint Js lib v-2.2.

Исходный код ref:

https://resources.jointjs.com/demos/fsa

https://resources.jointjs.com/demos/joint/demo/fsa/src/fsa.js

Я хочу вызвать built in remove event только после того, как пользователи подтвердят диалог.

Я пытаюсь как

graph: any;
paper: any;

this.graph = new joint.dia.Graph; 

this.paper = new joint.dia.Paper({
  el: $('#paper'),
  width: 800,
  height: 600,
  gridSize: 1,
  model: this.graph,
  background: {
    color: 'rgba(0, 255, 0, 0.3)'
  }
});

 /* not working */
 this.paper.on('tool:remove', function(linkView, evt) {
  evt.stopPropagation();
  if (confirm('Are you sure you want to delete this element?')) {
    linkView.remove();
  }
});


/* not working */
this.paper.on('element:delete', function(elementView, evt) {
   evt.stopPropagation();
  if (confirm('Are you sure you want to delete this element?')) {
    elementView.model.remove();
  }
});

Я тоже пробовал отсюда, но не работает. JointJS - обработка ссылки Удалить клик

...