Вызов самозагрузки модальный из сустава JS Rect объект

Question

я получил joint.js прямоугольник, и я хочу, чтобы вызвать самозагрузки модальность от него, как будто это будет кнопка, это код Прямоугольник:

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' 
     } 
    } 
}); 

И это модальный код, который у меня есть в моем шаблоне html:

<div class="modal fade bs-example-modal-lg" id="myModal1" tabindex="-1" role="dialog" 
     aria-labelledby="myLargeModalLabel"> 
    <div class="modal-dialog modal-lg" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
     <span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Registrar grupo</h4> 
     </div> 
     <form> 
      {% csrf_token %} 
      <div class="modal-body"> 
      <br/> 
       <div class="row"> 

         Hello, it's working allright !! 

       </div> 
      </div> 
       <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
     </form> 
    </div> 
    </div> 
</div> 

Любая идея как?, Спасибо заранее.

Answer 1

Как сказано в point.js док here,

у вас есть какие-то события, которые вы можете справиться.

код выглядит так:

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

Теперь вы можете использовать bootstrap.js, чтобы показать свою модальность.

Это код, если у вас есть JQuery:

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