2016-05-10 6 views
0

ich eine joint.js rect bekam, und ich will von ihm eine Bootstrap-modal nennen, als ob es ein Knopf sein, ist dies der rect Code:Rufen Sie eine Bootstrap-modal von einem gemeinsamen js RECT Objekt

var rectdetail = new joint.shapes.basic.Rect({ 
    position: { x: 450, y: y_value +10}, 
    size: { width: 130, height: 35 }, 
    attrs: { 
     rect: { fill: '#333','stroke-width': 0 }, 
     text: { 
      text: 'Detail', 
      fill: 'white' 
     } 
    } 
}); 

Und das ist der Modal-Code, den ich in meiner HTML-Vorlage habe:

Irgendeine Idee wie?, Danke im Voraus.

Antwort

0

Wie gesagt in point.js doc here,

Sie einige Ereignisse haben Sie behandeln können.

-Code ist wie folgt:

paper.on('blank:pointerdown', function(evt, x, y) { 
    alert('pointerdown on a blank area in the paper.') 
}) 

Jetzt können Sie bootstrap.js verwenden Ihre modal zu zeigen.

Dieser Code ist, wenn Sie Jquery haben:

$('#myModal').modal('show'); 
+0

Vielen Dank für Ihre Antwort, ich habe bereits versucht, dass paper.on Ereignis, aber es löst in jedem Objekt auf dem Papier, wissen Sie, wie es nur funktioniert, klicken in meiner rette ?? – jsanchezs

+1

'paper.on ('Element: Zeigeraufruf', Funktion (elementView)) { if (elementView.model.id === rectdetail.id) showModal();});' oder 'rectdetail.findView (Papier) .on ('element: pointerup', funktion() {showModal();}); ' – Roman