$（ '＃MyModal'）でモーダルにデータを渡す。modal（ 'show'）;

Question

Dygraphsは、HTMLページのjsonをチャートに簡単に変換できるプラグインです。 dygraphsチャートでから、私はチャートに注釈を付けることができるよ、と注釈これはclickHandlerイベントを持つことができます。

annotations.push({ 
    series: "@Model.Project.id_project", 
    x: date, 
    shortText: "X", 
    text: message, 
    cssClass: "annotation", 
    clickHandler: function(annotation, point, dygraph, event) { 
     $('#ChangeOrderModal').modal('show'); //<<<<<------------------------ 
    } 
}); 

この行を：

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

は、このモーダルを開くのは良い仕事をしていません：

<div id="ChangeOrderModal" class="modal hide fade"> 
<div class="modal-body"> 
    This is a test 
</div> 
<div class="modal-footer"> 
    <a href="#" data-dismiss="modal" class="btn">Close</a> 
</div> 

しかし、私はこのモーダルにいくつかのデータを渡す必要があり、そして私がするかどうかはわかりません この。私は、文字列を渡すだろうか、私はモーダル開くAnnotationから

<div class="modal-body"> 
    This is a test. String passed in: ______ 
</div> 

：簡略化のために、ちょうどそれが文字列だとしましょうか？そして私はそれをモーダルでどのように表示しますか？

ありがとうございます！

Answer 1

は、データを保持するために、あなたのモーダルでいくつかの要素を追加します。

<div class="modal-body"> 
    This is a test. String passed in: <span id="passed-in-string"></span> 
</div> 

そして、単純にモーダルを表示する前に要素の値を設定します。

clickHandler: function(annotation, point, dygraph, event) { 
    var stringToPass = 'Something'; 
    $('#passed-in-string').html(stringToPass); 
    $('#ChangeOrderModal').modal('show'); //<<<<<------------------------ 
}