Я пытаюсь добавить диалоговое окно подтверждения перед удалением 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 - обработка ссылки Удалить клик