onclick 이벤트를 joint.js 요소에 추가하는 방법은 무엇입니까?

Question

DAG에 joint.js 요소가 있으며이를 클릭하여 이벤트를 트리거 할 수 있기를 원합니다.

나는 $(selector).click(...)을 사용할 수 있지만, 그보다 더 좋을 것이므로 처리 할 joint.js 특정 방법이 있는지 궁금합니다. 내가 결심 한 이벤트는 온 클릭 후보가 '배치 : 중지를'이었다

내 코드 :

var variable = new joint.shapes.basic.Rect({ 
    name : label, 
    id: label, 
    onclick : function() {alert("hello");}, 
    size: { width: width, height: height }, 
    attrs: { 
     text: { text: label, 'font-size': letterSize, 'font-family': 'monospace' }, 
     rect: { 
      fill : fillColor, 
      width: width, height: height, 
      rx: 5, ry: 5, 
      stroke: '#555' 
     } 
    } 
}); 
variable.on('batch:stop', function (element) {alert(""); toggleEvidence(element.name);}); 
return variable; 

어떻게 내가 onclick 이벤트를 추가해야합니까?

Answer 1

JointJS 도형은 모델이므로 클릭 핸들러가 작동하지 않을 수도 있습니다.

paper.on('cell:pointerdown', 
    function(cellView, evt, x, y) { 
     alert('cell view ' + cellView.model.id + ' was clicked'); 
    } 
); 

다른 이벤트는 다음과 같습니다 : 세포 : pointerup, 세포 : pointerdblclick, 세포 : pointermove JointJS의 논문은 당신에게 도움이 될 수있는 이벤트를 트리거합니다.

전체 목록은 http://jointjs.com/api#joint.dia.Paper:events입니다.

편집 :

이 JointJS의 V0.9에서 시작은, 또한 cell:pointerclick 이벤트가있다.